固定的动态侧边栏导航菜单？答案

【问题标题】：Fixed, dynamic sidebar navigation menu?固定的动态侧边栏导航菜单？
【发布时间】：2015-01-06 17:53:03
【问题描述】：

我的网站是基于 Roots/Bootstrap/WordPress 构建的，我确信有很多与我正在寻找的类似的东西，但我对如何实现它的具体示例感兴趣。我什至不知道从哪里开始。

我希望创建一个物理上固定的侧边栏导航菜单，它基本上是页面的轮廓 - 第一级是 H1，第二级是 H2，依此类推。

类似于 GetBootstrap.com 的侧边栏导航功能。当用户滚动页面时，侧边栏导航中会突出显示不同的项目。

【问题讨论】：

【解决方案1】：

这实际上是 Bootstrap.js 库的一个组件。

【讨论】：

【解决方案2】：

您可以使用 position: 固定属性。无论您如何滚动，下面的这个 css 都会将#menu 固定在屏幕上的同一位置。

#menu{
        width:10px;
        height:10px;
        position: fixed;
        left: 50px;
        top: 50px;
        background-color: red;
    }

【讨论】：