拥有“ position：fixed”（始终在顶部）div的最简单的jQuery方法是什么？

Question

我对jQuery相对较新，但是到目前为止，我所看到的都很喜欢。我想要的是让div（或任何元素）跨过页面顶部，就像“位置：固定”在每种浏览器中都起作用一样。

我不要复杂的东西。我不要巨大的CSS骇客。我希望仅使用jQuery（1.2.6版）就足够了，但是如果我需要jQuery-UI-core，那也很好。

我试过$（“＃topBar”）。scrollFollow（）; <-但是进展缓慢…我希望某些东西看起来确实固定。

Answer 1

使用此HTML：

<div id="myElement" style="position: absolute">This stays at the top</div>

这是您要使用的javascript。它将事件附加到窗口的滚动条上，并将元素向下移动到您滚动的位置。

$(window).scroll(function() {
    $('#myElement').css('top', $(this).scrollTop() + "px");
});

如下面的注释中所指出的，不建议将事件附加到滚动事件上-当用户滚动时，它会触发很多，并可能导致性能问题。考虑将其与BenAlman的去抖动/油门插件一起使用，以减少开销。