bootstrap 3.0附加按下按钮-Java 学习之路

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

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

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

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

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

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

1 回答

2
您必须在css中为 .affix 类设置顶部： .
```
.affix {
  position: fixed;
  top: 50px;
}
```
另见：data-offset-bottom in Bootstrap3 Affix
回复于 2024-05-05T08:51:44+08:00

bootstrap 3.0附加按下按钮

1 回答

相关问题