1

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

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

http://jsfiddle.net/WzphN/

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

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

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

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

4

1 回答 1

2

您必须为.affixCSS 中的类设置 top: {heightofyournavbar}。

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

另请参阅：Bootstrap3 Affix 中的 data-offset-bottom

于 2013-10-09T07:06:15.703 回答