javascript - Bootstrap affix() 插件在滚动内容时出现问题

Question

我正在尝试使用 Bootstrap affix() 插件。我希望导航栏在我滚动时固定到屏幕顶部。这是我到目前为止所拥有的: http://jsfiddle.net/zncud7md/2/

问题是当词缀类触发时，导航栏下方的内容会发生变化(向下移动一点点)。我什至尝试添加:#header.affix + #body { padding-top: 75px; } 我在其他来源找到但对我不起作用。我无法找到解决这个问题的方法。任何想法我怎样才能防止这个问题？谢谢!!

Answer 1

Bootstrap 词缀就像粘性定位，因此如果您滚动，您可以将元素粘在固定位置 (http://getbootstrap.com/javascript/#affix)。

相反，您可以通过将标题位置设置为固定在顶部:0 并填充 body 顶部来简化代码。

#header {
    position: fixed;
    top: 0;
    z-index: 9999;
}
#body {
    padding-top: 75px;
}

http://jsfiddle.net/zncud7md/4/