bootstrap 3.0附加按下按钮

Question

我有一个放在标题下的简单导航栏。当用户滚过标题时，我希望导航栏固定。

问题是，当用户到达偏移量时，导航栏会变得固定，但页面似乎会滚动导航栏的高度+应用的20px底部边距。

http://jsfiddle.net/WzphN/

该示例看起来非常像我正在处理的内容，除了标题不是这样的标题，而是响应式轮播。

由于它是响应式的，我使用Javascrip来启动词缀效果。

        $('#nav').affix({
        offset : {  
            top : function() { 
                return $('#header').height(); 
                }
         }  
     });

我的理解是，当浏览器滚动超过标题的高度（在我的示例中为500）时，＃nav元素将应用于词缀类。但为什么会这样跳下去？

Answer 1

您必须为css中的.affix课程设置顶部：{heightofyournavbar}。

.affix {
  position: fixed;
  top: 50px;
}

另请参阅：data-offset-bottom in Bootstrap3 Affix