Question

我确信这个问题的答案已被多次回答。事实上，我一直在阅读关于这个问题的大量线索，但我仍然不知道如何去做这件事。如果你能用一种非常简单的方法来帮助我实现代码，那就太棒了。我是一个完整的新手，并且对javascript的知识很少，如果不是零的话。

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

在twitter bootstrap中，第一个链接上有一个类。这个班级是“活跃的”。它默认存在。我假设当用户点击导航栏中的一个链接时，这是突出链接的关键，即。当用户滚动到1页网站上的某个部分时，相应的导航链接会突出显示。

我想我需要添加一些javascript来实现这一点。或者也许我可以在没有javascript的情况下使用它？我该怎么办？请帮忙... 如果你能在jsfiddle上得到一个例子，那也很棒。

我需要具体帮助：

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

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

3）当用户点击其中一个导航链接时，该链接会在用户阅读我网站的该部分时保持突出显示。

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

5）我需要强调的是，我是一个完整的新手，而且我正在使用当前版本的twitter bootstrap。

Answer 1

确定。

下载http://flesler.blogspot.com/
下载http://github.com/davist11/jQuery-One-Page-Nav

致电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>

}）;

将id =“top-nav”添加到导航

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

1 个答案: