Javascript 将twitter引导中的活动类更改为用户在导航栏中单击的当前页面

我相信这个问题的答案已经被回答了很多次。事实上，我已经读了很多关于这个问题的文章，但我仍然不知道如何去做。如果你能帮助我用一种非常简单的方法来实现代码，那就太棒了。我在这方面是一个完全的新手，对javascript的了解非常少，甚至是零

我在目前正在构建的网站顶部有一个简单的固定导航栏（大约5个链接），使用twitter引导。这是一个单页可滚动的网站

在twitter引导中，第一个链接上有一个类。这门课是“主动的”。它默认在那里。 我假设当用户单击导航栏中的一个链接时，这是突出显示链接的关键，即当用户滚动到1页网站上的某个部分时，相应的导航链接会突出显示

我想我需要添加一些javascript来实现这一点。或者我可以在没有javascript的情况下运行它？ 我该怎么办？请帮忙。。。 如果您可以在JSFIDLE上获得一个示例，那也太好了

我需要的帮助具体包括：

1） 我需要在网站上加入平滑滚动（我可以这样做，使用我在网上搜索的东西，但我更愿意有一个完整的解决方案，包括下面的要点）

2） 当用户向下或向上滚动我的1页网站时，导航链接会根据它们所在的部分而改变颜色

3） 当用户单击其中一个导航链接时，该链接将在用户阅读我网站的该部分时保持高亮显示

4） 如果我需要使用javascript，我是否会在HTML代码的底部、body标记的上方编写javascript？或者我应该创建一个新的.js文件

5） 我需要强调的是，我是一个完全的新手，并且我正在使用当前版本的twitter引导程序。

好的

下载

下载

打电话给js

jQuery('#top-nav').onePageNav({
scrollSpeed: 1200,
currentClass: 'active',
changeHash: true,
filter: ':not(.external)' // used for external navigation links if any <a class="external" href=""></a>

jQuery（“#顶部导航”）.onePageNav({
滚动速度：1200，
currentClass:“活动”，
是的，
筛选器：'：非（.external）//用于外部导航链接（如果有）

}))

---

将id=“top nav”添加到您的导航中

粘贴您尝试过的代码，并说出您期望的内容……以下是我所拥有的基本代码。我需要帮助。谢谢嘿，非常感谢你的回复和帮助。。。我转到了flesler链接，我应该下载SerialScroll，还是ScrollTo？我想是吧？