【问题标题】:Bootstrap Affix引导词缀
【发布时间】:2012-10-23 15:28:44
【问题描述】:

我正在尝试使用 Twitter Bootstrap 的新词缀选项,但我不能完全正确。

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

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

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

我也尝试过使用data-offset-top="200",但这似乎只是让菜单跳来跳去。

我错过了什么?

【问题讨论】:

  • 你试过使用css margin属性吗?

标签: javascript jquery css twitter-bootstrap


【解决方案1】:

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

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

首先赋值data-offset-top="50",然后在css中修改affix属性

.affix {
    top: 10px;
}​

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-18
    • 2014-12-27
    • 1970-01-01
    相关资源
    最近更新 更多