Bootstrap affix()插件在滚动内容时有问题

时间:2015-09-22 23:13:48

标签: javascript jquery html css twitter-bootstrap

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

当问题类触发时,问题是导航栏下方的内容(微小的英寸向下)。我甚至尝试添加: #header.affix + #body { padding-top: 75px; }我在其他来源找到但却没有为我工作。 我无法找到解决方法。任何想法我怎么能防止这个问题? 谢谢!

1 个答案:

答案 0 :(得分:0)

Bootstrap词缀就像粘贴定位一样,所以如果滚动,你可以将一个元素粘贴到固定位置(http://getbootstrap.com/javascript/#affix)。

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

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

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