2014-02-21 73 views
0

我試圖按照this tutorial爲我的網站創建一個詞綴,但有幾件事情是關閉的,我無法弄清楚爲什麼。Boostrap 3附加補充工具欄不能正常工作

  1. 滾動時,稍稍的UL變化的寬度,從165-166px
  2. 向下滾動後,將粘貼不留在上面,但保持固定靠近頁面
  3. 的底部研究李有時沒有得到根本

強調這裏是我的代碼:JSBin

我在做什麼錯?

回答

1

從自舉文檔:

詞綴三個類,每個代表一個特定的狀態之間切換插件:.affix.affix-top,並.affix-bottom。您需要必須自己(獨立於此插件)提供這些類的樣式來處理實際位置。

這應該解決你的問題1和2.問題3,如果你滾動太快,它會跳過它,因爲它是如此接近下一個錨與頁面的高度相比。您可以增加間距或添加更多內容。

+0

該文檔對我來說似乎很模糊。它說我必須爲.affix,.affix-top和.affix-bottom提供CSS定位,但是對於.affix-top,不需要CSS定位,對於.affix,Bootstrap的代碼CSS已經設置了''position:固定「,對於.affix-bottom,我們應該在必要時添加''position:absolute''。但究竟是否有必要? – bard

+0

此外,它還引入了''data-offset-top''和''data-offset-bottom'',但沒有明確說明如何爲這些屬性選擇值... – bard

+0

我遇到了完全相同的問題與詞綴插件,我同意它很模糊。你最好的選擇是試驗或者看看使用插件的其他引導程序站點。 – luke2012