相关疑难解决方法(0)

关于该主题的bootstrap文档对我来说有点混乱.我希望实现类似于使用词缀导航栏的文档中的行为:导航栏位于段落/页面标题下方,向下滚动时,应首先滚动直到到达页面顶部,然后将其固定以进一步滚动向下.

由于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>

任何帮助赞赏.

很难描述问题.所以,看看这个jsFiddle:

http://jsfiddle.net/xE2m7/

当导航栏固定在顶部时,内容会跳到它下面.

CSS:

.affix {
    position: fixed;
    top: 0px;
}
#above-top {
    height: 100px;
    background: black;
}

问题出在哪儿？