0

在 Bootstrap 网站http://twitter.github.io/bootstrap/getting-started.html上,有一个带有链接的侧边栏。我已经在我的网站上复制了它,但是在 Bootstrap 网站上,当你滚动它时它会粘在适当的位置,所以它总是在视图中。它还将每个菜单项标记为在视图中时处于活动状态。

我怎样才能在我的网站上复制它?

4

2 回答 2

3

使用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

于 2013-07-26T09:05:31.627 回答
0

您需要将侧边栏 div 的“位置”属性从相对更改为绝对在侧边栏顶部刚好接触窗口顶端的点。您可以使用 javascript 事件来监视滚动条。

于 2013-07-26T09:07:29.627 回答