2012-10-19 41 views
4

我使用Bootstrap將一些文檔放在一起,並且遇到Firefox中Scrollspy插件的問題。從本質上講,「活動」類正在追加到我的邊欄導航欄中的最後一個列表項,並且不會更改,即使在滾動頁面時也是如此。Firefox中的Bootstrap Scrollspy錯誤

我比較了我的示例和Bootstrap的版本,無法確定兩者之間的差異。該腳本適用於所有其他瀏覽器,包括IE8 +。

我已經在這裏舉辦了我的工作示例,供任何人看看是否有時間(頁面源代碼非常簡單,所以在Firefox中瀏覽它可能比在jsFiddle中更容易或東西):上Scrollspy http://dev.themusicake.com/

文檔可以在這裏找到:http://twitter.github.com/bootstrap/javascript.html#scrollspy

我使用的數據<body>元素屬性作爲建議:

<body data-spy="scroll" data-target=".nav-affix-container"> 

控制檯中不存在任何錯誤,增加了解決問題的麻煩。如果有人在過去遇到過這個特殊問題,任何幫助將不勝感激!

請讓我知道你是否需要別的東西!

回答

8

body刪除height: 100%

+0

它總是小事情。 ;)因爲忽略這樣一件小事而感到愚蠢,但非常感謝您的幫助。謝謝,SilentGhost! – thatsamore

+0

「高度:100%」是否有優勢? – huyz

+0

是的,它是必需的,即[粘滯頁腳](http://twitter.github.com/bootstrap/examples/sticky-footer-navbar.html) –

0

對我來說,問題在於我使用了float:留在內容div上,導致內容本身的height = 0。因此,scrollspy將無法識別身高(我猜?)

我只是使用下面的內容div清除以解決問題。

<br style="clear: both"/>