Question

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

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

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

但我希望在用户再次滚动到顶部时删除该类，当前它没有这样做。

此致

托马斯。

Answer 1

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

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

Answer 2

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

http://jsfiddle.net/aEJMF/

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

当顶部滚动重置时jQuery固定项目？

2 个答案: