jquery - 如何仅使用 css 将元素定位在浏览器视口的顶部？

Question

我想要一个绝对定位的元素就在浏览器窗口之外——就在浏览器视口的顶部。请注意，我无法提供指定元素的确切高度。

这可以做到吗？如果没有，使用 jQuery 也可以。

score 2 · Accepted Answer

CSS：

#theElement {
    position: fixed;
    bottom: 100%;
}

jQuery：

var $el = $('#theElement');

$el.css({
    position: 'fixed',
    top: '-' + $el.outerHeight()
});

score 0 · Accepted Answer

如果您的元素处于body水平状态，则应该可以：

#element {
  position: absolute;
  top: -100%;
}

2 回答 2