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