我在侧边栏上使用 Twitter bootstrap 的词缀,在传统的网站布局(页眉-内容和侧边栏-页脚)上。
在某个滚动点上,我希望它从页面上取消固定并返回到它的原始位置:静态,因此它不会与页脚重叠。我试图只用 CSS 来摆弄它,但由于 .affix 将元素位置设置为固定它会弄乱侧边栏的高度。
我认为它与JS有关,可能会删除词缀类。任何解决方案/建议?
我在侧边栏上使用 Twitter bootstrap 的词缀,在传统的网站布局(页眉-内容和侧边栏-页脚)上。
在某个滚动点上,我希望它从页面上取消固定并返回到它的原始位置:静态,因此它不会与页脚重叠。我试图只用 CSS 来摆弄它,但由于 .affix 将元素位置设置为固定它会弄乱侧边栏的高度。
我认为它与JS有关,可能会删除词缀类。任何解决方案/建议?
data-offset-bottom
为此目的使用属性:
<div class="sidebar" data-spy="affix" data-offset-top="50" data-offset-bottom="300">
Sidebar
</div>
这是示例:http: //jsfiddle.net/NwwKQ/120/