保留Bootstrap側面菜單

Question

在Bootstrap網站http://twitter.github.io/bootstrap/getting-started.html上，有一個帶有鏈接的邊欄。我已經在我的網站上覆制了它，但是在Bootstrap網站上，當您將它粘貼到位時，它始終可以看到。它還將每個菜單項目標記爲處於活動狀態。

我該如何在我的網站上覆制這個？

Answer 1

使用引導程序中的affix javascript。

您可以通過將data-spy="affix"屬性添加到要添加的元素來激活此功能。

請參閱完整說明 - http://twitter.github.io/bootstrap/javascript.html#affix。

爲此，您將需要完整的引導庫或包含的bootstrap-affix.js腳本文件。

爲確保導航更新正確，您需要更新頁面標記以及使用Scroll Spy插件 - http://twitter.github.io/bootstrap/javascript.html#scrollspy。

Answer 2

您需要將邊欄div的「position」屬性從相對於絕對的位置改爲側邊欄頂部剛觸及窗口頂端的位置。您可以使用JavaScript事件來保持滾動條的監視。