关于该主题的引导文档使我有些困惑。我想实现类似的行为,例如在文档中带有词缀navbar:navbar位于段落/页面标题下方,向下滚动时,它应该首先滚动直到到达页面顶部,然后固定在那里以便进一步向下滚动。
由于jsFiddle不适用于导航栏概念,因此我以最小的示例设置了单独的使用页面:http : //i08fs1.ira.uka.de/~s_drr/navbar.html
我将其用作导航栏:
<div class="navbar affix-top" data-spy="affix" data-offset-top="50">
<div class="navbar-inner">
<div class="container">
<div class="span12">
<a class="brand" href="#">My Brand</a>
This is my navbar.
</div>
</div> <!-- container -->
</div> <!-- navbar-inner -->
</div> <!-- navbar -->
我想我想data-offset-top
将其值设为0(因为该条应“固定”在最顶部”,但如果设置为50,则至少可以看到一些效果。
如果还将javascript代码放在适当的位置:
<script>
$(document).ready (function (){
$(".navbar").affix ();
});
</script>
任何帮助表示赞赏。
.navbar-fixed-top
而不是affix()?
.navbar-fixed-top
将导航栏始终置于顶部。我想要导航栏上方的页面标题,并且当向下滚动时(因此导航栏可能会被滚动掉),它应该粘贴在顶部-然后然后才是。Bootstrap文档在以前的文档中使用了与subnav相同的机制,但遗憾的是,他们已为2.1.0文档删除了它。
)};
应该是});