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

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

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

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

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