我正在使用最新版本的 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 文档网站上的工作方式。