2012-09-17 36 views
3

我使用的是最新的Twitter的引导的版本,并试图实现在我的网站上一个div词缀:Twitter的引导词缀:不能针

<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文档网站上的工作原理。

回答

6

拳的是,data-offset-top="1000"是以像素为单位的距离,用户将需要滚动前将粘贴插件会一命呜呼。

在你的情况下,用户将需要滚动1000像素词缀插件之前将改变显示你的div。

其次,我相信词缀插件将改变类的股利(后滚动1000像素)从.affix-top.affix

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

1

我有同样的问题,并通过删除“数据偏移顶”