jquery - 当内容到达顶部时，删除 Bootstrap 粘性导航栏上的故障

Question

引用这个非常有用的Bootstrap sticky bar:

http://www.bootply.com/69848

我注意到当导航栏到达顶部时出现故障。如果滚动得非常慢，就在导航栏到达顶部后，您会看到内容跳到导航栏后面。我试图找出它是如何发生的，但我运气不佳。如果我在主体上放置一些填充物，那么导航栏会在到达顶部时跳转。

Answer 1

当 affix 类被添加到 nav 栏时，会发生故障。它将 top 属性设置为 0。摆脱它的一种方法是向 JS 文件添加一小段代码，如下所示:

$(window).scroll(function() {
   if ($("#nav").hasClass("affix")) {
       $(".contents").css({top:80});
   } else {
       $(".contents").css({top:0});
   }
});

添加 affix 类时，80px 被添加到 contents 类的顶部属性(我添加它是为了引用那些文本) .当 affix 被移除时，我们回到 top:0。

查看工作示例 HERE