jQuery在顶部滚动重置时修复项目？答案

【问题标题】：jQuery fixed item when scrolling reset when at top?jQuery在顶部滚动重置时修复项目？
【发布时间】：2012-04-23 12:51:45
【问题描述】：

我在屏幕顶部的标题中有一个导航菜单，当用户向下滚动屏幕以将其保持在原位时，它会更改颜色并添加固定定位，但我希望在用户使用时将其重置为原始样式滚动回顶部。

我当前添加固定类的代码是：

$(function() {
    var offset = $("header").offset();
    $(window).scroll(function () {  
    var scrollTop = $(window).scrollTop();
        if (offset.top < scrollTop) {
            $("header").addClass("fixed");
        } else {
            $("header").removeClass("fixed");
        }
    });
});

但我希望当用户再次滚动到当前未执行的顶部时删除该类。

问候，

托马斯。

【问题讨论】：

标签： jquery offset scrolltop

【解决方案1】：

作为对未来访问者的说明，我之前遇到过这个问题，但意识到实际上是浏览器重置了滚动位置而不是脚本。

某些浏览器会在重新加载页面时尝试重置滚动位置 - 因此在测试涉及窗口滚动的脚本时，请注意使用浏览器刷新来重新加载页面。

【讨论】：

【解决方案2】：

您没有正确选择标签。看看这个 jsfiddle，它应该可以解决你的问题：

http://jsfiddle.net/aEJMF/

这可能不是您所需要的，但它是一个好的开始

【讨论】：

感谢您的消息，我目前的标签使用标头工作正常，因为 jQuery 识别这是因为它不是一个类或 id 我只想让项目在它滚动回时重置顶端。无论如何感谢您的帮助。