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

Question

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

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

Answer 1

CSS:

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

jQuery:

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

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