创建导航，在Foundation 6中滚动显示当前位置

Question

我希望创建一个垂直导航栏，跟踪基金会6中的当前位置，就像在文档中找到的那样：

http://foundation.zurb.com/sites/docs/installation.html

（右侧显示＆＃34;在此页面上＃34;）

我很清楚如何创建导航：

extent()

但我不知道如何在滚动时突出显示正确的链接。

我该怎么做？

Answer 1

当您滚动到页面的相应部分时，.active类会添加到链接中。您只需要向background-color类添加一些CSS规则，例如.active颜色。