一尘不染

拥有“ position:fixed”(始终在顶部)div的最简单的jQuery方法是什么?

css

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

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

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


阅读 529

收藏
2020-05-16

共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的去抖动/油门插件一起使用,以减少开销。

2020-05-16