Javascript或jQuery在主节上达到滚动位置时更改导航链接类

Javascript或jQuery在主节上达到滚动位置时更改导航链接类,jquery,class,navigation,scroll,Jquery,Class,Navigation,Scroll,我的页面是一个单页网站,它的侧面有一个页面幻灯片导航,id为“navigation”。我的主要部分是一个100%宽的全流体设计,只有当按下侧面的按钮以显示导航菜单时,它才会改变。在这个导航菜单上,我希望能够更改两个类之间的链接类别,例如“活动”和“非活动”,并且我希望根据用户滚动的位置进行更改,也就是说,如果用户滚动的位置在div id“about”上,我希望导航中链接到的类将有一个类别“活动”和“非活动”的其余链接。这将是为每个链接 我的网站在 任何帮助都将不胜感激:)Twitter Boot

我的页面是一个单页网站,它的侧面有一个页面幻灯片导航,id为“navigation”。我的主要部分是一个100%宽的全流体设计,只有当按下侧面的按钮以显示导航菜单时,它才会改变。在这个导航菜单上,我希望能够更改两个类之间的链接类别,例如“活动”和“非活动”,并且我希望根据用户滚动的位置进行更改,也就是说,如果用户滚动的位置在div id“about”上,我希望导航中链接到的类将有一个类别“活动”和“非活动”的其余链接。这将是为每个链接

我的网站在


任何帮助都将不胜感激:)

Twitter Bootstrap有一个插件可以为您实现这一点。下面是一个演示:

编辑:
按如下方式初始化插件:

$('#navigation').scrollspy();
然后将
data-spy
属性添加到body标记:

<body data-spy="scroll" >...</body>

嘿,这似乎是一条路要走,但是,我不知道如何链接它,你介意帮我进一步吗?:)嘿,谢谢你的那位朋友,我实际上在一段时间前解决了这个问题,问题是改变“a”标签的类别是行不通的,所以我不得不使用无组织的列表,现在它工作得很好!:)再次感谢你,伙计。
<a href="#about" onclick="$.scrollTo( '#about', 1000, {easing:''} ); CngClass(this);" class="selected">about</a>

<div id="about">