twitter-bootstrap - 如何在 Twitter Bootstrap 2.1.1 中使用 Affix 组件

Question

我正在尝试通过关注 documented steps 在最新版本的 twitter bootstrap 中使用词缀组件我无法让它工作。这是 JsFiddle 中的示例

我看到两个问题

• 单击 sidenav 链接可正确滚动到适当的内容，但滚动内容不会激活适当的 sidenav 链接
• sidenav 的样式与 Bootstrap 中的不同 website .

如果有人帮助使它像在 Twitter Bootstrap 站点中一样工作，我将不胜感激。

Answer 1

您正在寻找 ScrollSpy。它会在您滚动或切换到相应部分时突出显示菜单项。

Affix 在某种程度上替代了实验性 CSS position:sticky。当您从顶部滚动 n 像素时，将菜单 position 从 static 更改为 fixed 的作用。