首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Bootstrap Scrollspy将突出显示所选元素上方的nav元素

Bootstrap Scrollspy将突出显示所选元素上方的nav元素
EN

Stack Overflow用户
提问于 2013-01-08 14:55:52
回答 1查看 1K关注 0票数 2

我已经在我们即将推出的主页上实现了scrollspy:http://dev.indee.tv/

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

这是导航条形码:

代码语言:javascript
运行
复制
<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 -->

你能帮我弄明白我做错了什么吗?

谢谢!

EN

Stack Overflow用户

发布于 2013-01-08 18:13:53

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

票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14209720

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档