0

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

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

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

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

问候，

托马斯。

4

2 回答 2

1

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

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

于 2012-08-24T05:04:39.300 回答
0

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

http://jsfiddle.net/aEJMF/

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

于 2012-04-23T13:19:15.400 回答