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

Single Page Web Design w/ Dynamic Navbar

本文关键字：单页网页设计动态导航更新时间：2023-09-26

坦率地说，我甚至不知道如何描述我试图做的事情。"动态导航栏"是我想出的最好的。

基本上，我已经创建了一个单页网站，其中有4个"页面"（部分），使用纯HTML和CSS（以及用于smoothScroll的jQuery）。

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

http://thinkpixellab.com/

我对JavaScript和jQuery几乎没有经验，我真的不知道从哪里开始。如果有人能给我指明正确的方向，我会非常感激的！

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

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

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

很明显，你可以自己写一些东西，但由于没有太多JS/Jquery的经验，我认为你最好还是坚持使用插件之类的东西。