具有动态导航栏的单页Web设计

时间:2013-07-17 16:48:50

标签: javascript jquery single-page-application

坦率地说,我甚至不知道如何描述我正在尝试做的事情。 “动态Navbar”是我提出的最好的。

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

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

http://thinkpixellab.com/

我对JavaScript和jQuery几乎没有经验,我真的不知道从哪里开始。如果有人能指出我正确的方向,我会非常欣赏它!

1 个答案:

答案 0 :(得分:3)

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

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

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

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