javascript - 带动态导航栏的单页网页设计

Question

坦率地说，我什至不知道如何描述我正在尝试做的事情。 “动态导航栏”是我想到的最好的。

基本上，我使用纯 HTML 和 CSS(以及用于 smoothScroll 的 jQuery)创建了一个包含 4 个“页面”(部分)的单页网站。

当用户在页面之间滚动时，我希望导航栏(当前页面)上突出显示的链接发生变化。我以前见过这种做法，比如在这个网站上:

http://thinkpixellab.com/

我对 JavaScript 和 jQuery 几乎没有经验，我真的不知道从哪里开始。如果有人能指出我正确的方向，我将不胜感激!

Answer 1

您正在寻找的是 ScrollSpy。它最初是为 Mootools 制作的，我认为:Scrollspy

Bootstrap 将其作为其框架的插件:Bootstrap Scrollspy

我为它找到了一个独立的 JQuery 插件，但不确定它有多好，因为我自己没有使用过它:plugin

显然你可以自己写一些东西，但如果没有太多的 JS/Jquery 经验，我认为你最好坚持使用插件或其他东西。