twitter-bootstrap – 取消固定Twitter引导程序的滚动词缀

发布时间：2020-12-18 00:06:13 所属栏目：安全来源：网络整理

导读：我在侧边栏上使用Twitter bootstrap的附件,在传统的网站布局(header -content和sidebar-footer)上. 在某个滚动点上,我希望它从页面取消固定并返回到它的原始位置：静态,因此它不会与页脚重叠.我试图仅使用CSS来调整它,但由于.affix将元素位置设置为固定,因此

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

在某个滚动点上,我希望它从页面取消固定并返回到它的原始位置：静态,因此它不会与页脚重叠.我试图仅使用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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!