如何将图元放置在离浏览器顶部固定距离的位置

Question

我想定位一个元素，使其始终与浏览器顶部保持一定距离，这样即使用户向下滚动，图像也将始终与屏幕顶部保持相同距离。我该怎么做？

Answer 1

此处不需要jQuery。纯CSS就足够了：

#element {
   position: fixed;
   top: 100px;
}

但是，如果您坚持使用jQuery解决方案，下面的代码将通过jQuery设置CSS：

$('#element').css({'position': 'fixed', 'top': '100px'});