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

Question

我的网站建立在Roots / Bootstrap / WordPress上，而且我确定有很多与我正在寻找的相似的东西，但我对这些具体的例子很感兴趣。如何实现这一点。我甚至不知道从哪里开始。

我希望创建一个物理固定的侧边栏导航菜单，该菜单基本上是页面的轮廓 - 第一级是H1，第二级是H2＆＃39;等等。

与GetBootstrap.com为侧边栏导航所做的相似。当用户滚动页面时，侧栏导航中会突出显示不同的项目。

Answer 1

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

http://getbootstrap.com/javascript/#affix

Answer 2

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

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