3

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

4

2 回答 2

6

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

在您的情况下，用户需要滚动 1000 像素，然后词缀插件才会更改您的 div 的显示。

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

由于引导程序已经将类设置.affix为position: fixed您需要做的就是在您的 css 中添加定位，例如top: 40px;

于 2012-09-29T01:09:42.170 回答
1

我有同样的问题并通过删除“数据偏移顶部”来解决它

于 2013-04-04T02:40:41.993 回答