我有一个使用带有scrollspy和固定标头的Bootstrap的站点.我有它工作正常,但滚动问题遇到了问题.页面上有几个部分不属于主导航.当您进入这些部分时,最新的"活动"链接仍然存在.最容易在小提琴中展示问题:
http://jsfiddle.net/eric1086/R7S9t/1/
<body data-spy="scroll" data-target=".main-nav">
<nav class="main-nav">
<ul class="nav">
<li><a href="#first">First</a></li>
<li><a href="#second">Second</a></li>
<li><a href="#third">Third</a></li>
<li><a href="#fourth">Fourth</a></li>
<li><a href="#fifth">Fifth</a></li>
</ul>
</nav>
<section class="no-spy">
Don't spy me!
</section>
<section class="block" id="first">
First
</section>
etc...
基本上我只希望当导航栏中的目标元素实际显示时显示活动状态.有任何想法吗？提前致谢!