2012-09-17 64 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

我有同樣的問題,並通過刪除「數據偏移頂」