Javascript 固定在视口下方并在视口中滚动一次的菜单？

我不知道如何描述这一点，因此最好是链接一个示例：

无论这家伙用侧边栏菜单做了什么，都很棒，我很想复制它。我已经尝试过检查，但我无法精确指出它是如何工作的。在我看来，菜单的行为就像是在css中固定的一样，但它只有在向下滚动视口时才可见。。。但我看不到任何淡入或其他jQuery技巧。有人有想法吗？这是我到目前为止所拥有的。 HTML:

此外，我也不明白为什么.nav在链接旁边仍然有点，尽管我没有为文本装饰规则指定任何点，并且它对下划线有效…

你可以给我们贴上这个-非常简单

<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
  ...
</div>

...

---

编辑：我的意思是第一次-向朋友道歉。好的一面是，使用词缀更容易。

恐怕这不是我想做的，它只是在滚动时突出显示部分。@Brian检查我的编辑。我被误认为是Scrollspy，你实际上需要使用词缀。谢谢你会让你知道的！非常好，谢谢！以前从未使用过Bootsrtap，我不知道它有这样的功能。@Brian Bootstrap是我的第一站，如果我需要起草一个原型-它在生产中甚至非常宝贵-即使你只使用它的网格系统。

.nav
{
    position: fixed;
    display: inline-block;
    font-family: "verdana";
    text-align: left;
    z-index: 3;
    right: 30px;
    top: 200px;
}

.nav a
{
    display: inline-block;
    padding: 20px;
    text-decoration: none;
    color: #ededed;
}

.nav a:hover
{
    color: #000000;
}

<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">
  ...
</div>