这是我遇到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链接得到了积极的处理。但是活动状态不会更改为任何其他导航栏元素。
答案 0 :(得分:0)
进一步调查发现了这个问题。 ScrollSpy类必须继续使用。这就是现在身体的样子:
<body class="scroll-area" data-spy="scroll" data-offset="0">
我已经在一个内部放置了类和数据间谍。我这样做是因为导航栏位于体内,我认为滚动区域也不能包含导航栏。但事实并非如此。
工作答案 1 :(得分:0)
我发现如果一个ID以下划线开头(也许这对其他特殊字符也是如此)那么scrollspy不起作用。我能够通过从链接中删除下划线来使其工作。
无效:
<h1 id="_Toc423191681">Leasing</h1>
的如下:强>
<h1 id="Toc423191681">Leasing</h1>