Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带动态导航栏的单页网页设计_Javascript_Jquery_Single Page Application - Fatal编程技术网

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

Javascript 带动态导航栏的单页网页设计,javascript,jquery,single-page-application,Javascript,Jquery,Single Page Application,坦率地说,我甚至不知道如何描述我正在尝试做的事情。“动态导航栏”是我想到的最好的 基本上,我使用纯HTML和CSS(以及用于smoothScroll的jQuery)创建了一个包含4个“页面”(部分)的单页网站 当用户在页面之间滚动时,我希望导航栏(当前页面)上突出显示的链接发生变化。我以前见过这样做,比如在这个网站上: 我对JavaScript和jQuery几乎没有经验,我真的不知道从哪里开始。如果有人能给我指出正确的方向,我将不胜感激 你要找的是ScrollSpy。它最初是为Mootools

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

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

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


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

你要找的是ScrollSpy。它最初是为Mootools设计的,我认为:

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

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

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