当内容到达顶部时，删除引导程序粘性导航栏上的故障

Question

参考这个非常有用的Bootstrap粘贴条：

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类的top属性中（我添加这些属性来引用这些文本）。删除affix后，我们会返回top:0。

查看一个有效的例子HERE