Bootstrap ScrollSpy无法正常工作

时间:2015-04-30 06:11:48

标签: twitter-bootstrap scrollspy

这是我遇到http://intern-dev.obrary.com/manufacturer问题的页面。

我试图通过JavaScript实现ScrollSpy。这是js:

<script>$(document).ready(function(){
$(".scroll-area").scrollspy({target: "#myNavbar"}) 
});</script>

这里是导航栏的ID:

<div class="navbar navbar-default navbar-fixed-top" id="myNavbar">

目标类:

<div class="scroll-area" data-spy="scroll" data-offset="50">

使用工具的东西正在工作,因为在我添加上面的导航栏中的FAQ链接得到了积极的处理。但是活动状态不会更改为任何其他导航栏元素。

2 个答案:

答案 0 :(得分:0)

进一步调查发现了这个问题。 ScrollSpy类必须继续使用。这就是现在身体的样子:

  <body class="scroll-area" data-spy="scroll" data-offset="0">

我已经在一个内部放置了类和数据间谍。我这样做是因为导航栏位于体内,我认为滚动区域也不能包含导航栏。但事实并非如此。

所以它现在正在http://intern-dev.obrary.com/manufacturer

工作

答案 1 :(得分:0)

我发现如果一个ID以下划线开头(也许这对其他特殊字符也是如此)那么scrollspy不起作用。我能够通过从链接中删除下划线来使其工作。

无效:
    <h1 id="_Toc423191681">Leasing</h1>
如下:
   <h1 id="Toc423191681">Leasing</h1>