引导ScrollSpy不能正常工作
这是我对http://intern-dev.obrary.com/manufacturer有问题的页面。
我正在尝试通过ScrollSpy实现JavaScript。这是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链接在肚脐得到了积极的处理。但是active不会更改为任何其他导航条元素。
回答 3
Stack Overflow用户
发布于 2015-04-30 06:49:43
进一步的调查发现了这个问题。ScrollSpy类必须放在主体上。现在的身体是这样的：
<body class="scroll-area" data-spy="scroll" data-offset="0">我在里面做了一个班和资料间谍放的地方。我这样做是因为导航条在身体内，并且我假设滚动区域也不能包括导航条。但事实并非如此。
所以它现在在http://intern-dev.obrary.com/manufacturer起作用
Stack Overflow用户
发布于 2015-04-30 06:43:47
更新
在bootstrap.min.js :之前声明jQuery
<!--jquery 1st, this version but your may be ok : jquery-1.11.2.min.js-->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<!--then bootstrap-->
<script src="/js/bootstrap.min.js" type="text/javascript"></script>按照您的要求，在Chrome中调试：
- 开放调试器：
- windows：
CONTROL+SHIFT+I - mac：
COMMAND+ALT+I
- windows：
- go
Resources tab - 展开
Frame，然后树依赖于您的网站；在您的网站中:(manufacturer)- 您可以看到脚本，css加载
- 使用控制台(它显示错误.)
- 选项卡
console
- 选项卡
正如我前面所说的，我更喜欢Chrome，但其他导航器可能很好--这取决于您。
Stack Overflow用户
发布于 2016-11-30 03:25:10
我发现，如果ID以下划线开头(也许其他特殊字符也是这样)，滚动间谍就不能工作。我能够通过删除链接中的下划线来让它工作。
不工作：
<h1 id="_Toc423191681">Leasing</h1>
works:
<h1 id="Toc423191681">Leasing</h1>
https://stackoverflow.com/questions/29960280
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号