Question

我正在使用Twitter Bootstrap的最新版本并尝试在我的网站上的div上实现Affix：

<div id="sectiontwo" class="affix-top" data-spy="affix" data-offset-top="1000">
<div class="row sectiontwo">
<div class="span4">
<hr>
<h4>Join Headline/h4>
<hr>
</div>
</div>
</div><!--#sectiontwo-->

但我收到奇怪的行为：

在Chrome中
我无法“固定”它。相反，它在滚动时滚动页面。
在Firefox中
我也不能“固定”它，但是当它滚动时，它会跳跃并将自己固定在底部。

我想要它做的是在触发词缀部分后将自己固定到窗口的顶部。根据我的理解，这就是它在Twitter Bootstrap docs网站上的工作方式。

Answer 1

所有的拳头，data-offset-top="1000"是用户在启动词缀插件之前需要滚动的距离（以像素为单位）。

在您的情况下，用户需要滚动1000px才能更新div的显示内容。

其次，我相信词缀插件会将你的div类（滚动1000px后）从.affix-top更改为.affix

由于bootstrap已将类.affix设置为position: fixed，您只需在css中添加定位，例如： top: 40px;

Answer 2

我遇到了同样的问题并通过删除“data-offset-top”来修复它

Twitter Bootstrap Affix：无法固定

2 个答案: