什么是最简单的jQuery方式有一个“位置:固定”(总是在顶部)div?

前端之家收集整理的这篇文章主要介绍了什么是最简单的jQuery方式有一个“位置:固定”(总是在顶部)div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我对jQuery比较新,但到目前为止我看到我喜欢。我想要的是一个div(或任何元素)在页面的顶部,就好像“position:fixed”在每个浏览器中工作。

我不想要复杂的东西。我不想要巨大的CSS黑客。我宁愿如果只是使用jQuery(版本1.2.6)是足够好,但如果我需要jQuery-UI-core,那也很好。

我试过$(“#topBar”)。scrollFollow(); & – – 但是变得缓慢…我想要的东西出现真的固定。

解决方法

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

这是你要使用的javascript。它将一个事件附加到窗口的滚动,并将元素向下移动到你滚动的距离。

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

如下面的注释中所指出的,不建议将事件附加到滚动事件 – 当用户滚动时,它触发A LOT,并可能导致性能问题。考虑使用Ben Alman的debounce/throttle插件来减少开销。

猜你在找的jQuery相关文章