Jquery 引导Scrollspy高亮显示选定元素正上方的nav元素

Jquery 引导Scrollspy高亮显示选定元素正上方的nav元素,jquery,twitter-bootstrap,scroll,Jquery,Twitter Bootstrap,Scroll,我已在即将发布的主页上实施了scrollspy,网址为: 如果忽略顶部的菜单并向下滚动一点,您将看到熟悉的引导导航栏。我遇到的问题是,当你选择一个菜单项时,它会指向正确的ID,但它不会突出显示它所指向的正确菜单项,直到我向下滚动几个像素 这是导航条形码: <div class="nav navbar affix-top span12" data-spy="affix" data-offset-top="590"> <div class="navbar-inner">

我已在即将发布的主页上实施了scrollspy,网址为:

如果忽略顶部的菜单并向下滚动一点,您将看到熟悉的引导导航栏。我遇到的问题是,当你选择一个菜单项时,它会指向正确的ID,但它不会突出显示它所指向的正确菜单项,直到我向下滚动几个像素

这是导航条形码:

<div class="nav navbar affix-top span12" data-spy="affix" data-offset-top="590">
    <div class="navbar-inner">
       <a class="brand" href="#">Indee</a>
       <ul class="nav">
          <li><a href="#whyindee" onclick=$.scrollTo(whyindee,1000);>ABOUT</a></li>
          <li><a href="#howindee" onclick=$.scrollTo(howindee,1000);>USING IT</a></li>
          <li><a href="#tryit" onclick=$.scrollTo(tryit,1000);>TRY IT</a></li>
          <li><a href="#casestudy" onclick=$.scrollTo(casestudy,1000);>EXAMPLES</a></li>
          <li><a href="#featureset" onclick=$.scrollTo(featureset,1000);>FEATURES</a></li>
       </ul>
    </div> <!-- navbar-inner-->
</div><!-- navbar -->

你能帮我理解我做错了什么吗


谢谢

我明白了。事实证明,scrollspy需要部分的高度至少为500px。我的顶部div略低于500px,所以500px的最小高度解决了我面临的问题

哇,见鬼。好发现。500不适合我。510不适合我。只有501个为我工作。真奇怪。