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

Question

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

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

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

但我想这删除类，当用户滚动到顶部再次，它目前是没有做。

Regards，

Thomas。

Answer 1

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

http://jsfiddle.net/aEJMF/

它可能不是正是你需要的，但它的一个良好的开端

Answer 2

就像一张纸条给未来的参观者，我已经之前有过这个问题，但意识到它实际上是浏览器重置滚动位置而不是脚本。

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