2013-08-29 104 views
1

由於某種原因,導航欄只有在頁面幾乎完全加載完成後纔會將其自身固定在頂部。這會創建一個不尋常的暫停,其中導航欄浮動的位置比頁面頂部的位置低一些,但沒有添加格式屬性。導航欄延遲附加到頂部

我會發布源,但我真的不確定是什麼可能是這個錯誤的原因,我不能指向一個特定的代碼行。不過,我使用的是標準的Bootstrap樣板,我的站點的其他源代碼可以通過標準的「View Page Source」方法找到(我編輯的CSS位於「css/main.css」下)。

http://www.radioairlift.org

謝謝!

回答

0

幸運的是,您不需要使用Bootstrap Affix插件來執行您想要的操作!在Bootstrap 2.3.2中有.navbar-fixed-top。引用their docs:

添加.navbar-fixed-top並記住通過向其添加至少40px的填充來解決其下面的隱藏區域。一定要在覈心Bootstrap CSS之後和可選的響應CSS之前添加。

所以你會想要做的就是從#nav刪除.affix類和刪除位置:相對要添加在你的CSS文件到導航標識。

0

引導程序JavaScript被加載和處理時有延遲。 Bootstrap在您的nav上添加了「附加」類,它將位置從「相對」改變爲「固定」(以及其他一些屬性)。

您可以將「詞綴」類添加到HTML源代碼中的#nav,並避免樣式更改。