2012-05-15 62 views
3

Hi im在基礎框架內使用Bootstrap Scrollspy。Bootstrap Scrollspy奇怪的作品

到目前爲止,我設法讓scrollspy工作,但不喜歡它應該。

scrollspy正確更改navi的狀態,但不完全在指定的div上。

第一個div容器,其中scrollspy應該改變導航工作得很好,但是隨後對下面容器的偏移增加,並且在最後scrollspy改變它在nomansland的狀態而不是在div的頂部。

當該網站加載滾動顯示最後一個導航條目,而不是第一個?

我想這是基於百分比的佈局。你怎麼看?

你可以在這裏找到開發頁面:

http://dekonstruktiv.ch/static_sheggendorn/

謝了任何幫助

+0

問題解決了嗎?該頁面對我來說確實很好。 –

+0

鏈接到開發頁面已損壞。 – August

回答

5

它看起來像有被添加到頁面scrollspy被初始化後的一些元素。加載所有內容後,您將需要調用刷新。

$('[data-spy="scroll"]').each(function() { 
    var $spy = $(this).scrollspy('refresh') 
}); 
+0

嗯。我必須把這個刷新片段放在哪裏?我把它放在滾動的電話之前。但沒有任何反應。 – Seppentoni

+1

它應該在滾動電話後進行。或者更好的是,如果其他插件在頁面上加載內容,則可以在加載內容後將其放入回調函數中。 –

+1

我找到了解決方案:我從bootstrap文檔與''從示例頁面。這不會讓jQuery非常高興。現在它運作良好。感謝@HaiNguyen的建議。 – Seppentoni