在Twitter上取消固定Twitter bootstrap的附件

时间:2012-11-16 13:43:41

标签: twitter-bootstrap

我在侧边栏上使用Twitter bootstrap的词缀,在传统的网站布局上(header -content和sidebar-footer)。

在某个滚动点上,我希望它从页面取消固定并返回到它的原始位置:静态,因此它不会与页脚重叠。我试图仅使用CSS来调整它,但由于.affix将元素位置设置为固定,因此会使侧边栏高度变得混乱。

我认为它与JS有关,也许删除了词缀类。任何解决方案/建议?

1 个答案:

答案 0 :(得分:10)

为此目的使用data-offset-bottom属性:

<div class="sidebar" data-spy="affix" data-offset-top="50" data-offset-bottom="300">
  Sidebar
</div>

以下是示例:http://jsfiddle.net/NwwKQ/120/