Bootstrap Affix

时间:2012-11-02 23:08:34

标签: javascript jquery css twitter-bootstrap

我正在尝试使用Twitter Bootstrap的新词缀选项,但我无法正确使用它。

我在http://jsfiddle.net/yPgUu/1/汇总了一个例子,相关部分是

<ul class="nav nav-list" data-spy="affix">

左侧导航开始于正确的位置。但是,当您向下滚动时,导航器顶部会有一个间隙。我希望导航始终位于当前视图的顶部,而不是间隙。

我也试过玩data-offset-top="200",但这似乎让菜单反弹。

我错过了什么?

1 个答案:

答案 0 :(得分:30)

好的,所以这需要分两部分完成。

http://jsfiddle.net/yPgUu/2/

首先,分配data-offset-top="50",然后修改css中的affix属性

.affix {
    top: 10px;
}​