2014-10-31 69 views
0

我目前使用scrollspy插件和affix通過Bootstrap。滾動間諜和afix問題

我已經設置了左側邊欄導航,菜單和子菜單以及......間諜工作正常。

然而,這裏的問題:

  • 頁面加載時,我的主菜單項目「文件」,擁有一流的「活動」,並突出顯示。因爲它應該
  • 當用戶向下滾動,並且滾動(?)插件接管時,「文檔」主項目不被着重。

的幾個注意事項(即使你仍然可以在鏈接 「查看源文件」):

  • 我的身體標記:<body data-spy="scroll">
  • 我主要的側邊欄標籤:<div class="bs-sidebar hidden-print" role="complementary" data-spy="affix" data-offset-top="70" data-offset-bottom="50">
  • 我我也使用小腳本來實現平滑滾動功能,但我認爲它不會影響它。

這是怎麼回事?有任何想法嗎?


網站:http://osxpeppermint.com/documentation

回答

1

文檔:爲了方便地添加scrollspy行爲,你的頂欄導航,添加 數據諜=「滾動」到你想窺探元素(最典型 這將是)。然後將數據目標屬性添加到任何Bootstrap .nav組件的父元素的ID或類中。

<body data-spy="scroll" data-target=".navbar-example"> 

所以,你需要決定什麼NAV你刺探:側面或頂部。

此數據目標是.nav(nav的包裝)的直接父級的.class或#id。在這裏看到的文檔: http://getbootstrap.com/javascript/#scrollspy

此外,請確保你的身體有一個相對位置:

需要相對定位

無論實現方法,scrollspy需要使用 位置:相對;在你正在監視的元素上。在大多數情況下,這是 。