Twitter Bootstrap Affix:无法固定

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

由于引导已经设置类.affix到position: fixed所有你需要做的就是添加在定位在你的CSS如top: 40px;