我已经在我们即将推出的主页上实现了滚动 spy :http://dev.indee.tv/
如果您忽略顶部的菜单并向下滚动一点,您将看到熟悉的 Bootstrap 导航栏。我遇到的问题是,当您选择一个菜单项时,它会转到正确的 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 的最小高度解决了我面临的问题。
关于jquery - Bootstrap Scrollspy 突出显示所选元素上方的导航元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14209720/