在 Bootstrap 网站http://twitter.github.io/bootstrap/getting-started.html上,有一个带有链接的侧边栏。我已经在我的网站上复制了它,但是在 Bootstrap 网站上,当你滚动它时它会粘在适当的位置,所以它总是在视图中。它还将每个菜单项标记为在视图中时处于活动状态。
我怎样才能在我的网站上复制它?
在 Bootstrap 网站http://twitter.github.io/bootstrap/getting-started.html上,有一个带有链接的侧边栏。我已经在我的网站上复制了它,但是在 Bootstrap 网站上,当你滚动它时它会粘在适当的位置,所以它总是在视图中。它还将每个菜单项标记为在视图中时处于活动状态。
我怎样才能在我的网站上复制它?
使用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。
您需要将侧边栏 div 的“位置”属性从相对更改为绝对在侧边栏顶部刚好接触窗口顶端的点。您可以使用 javascript 事件来监视滚动条。