我正在设计单页网站,并希望固定的导航链接在用户滚动到指定位置时更改颜色。看起来很容易做到,我觉得这很容易做到,但是我遇到了问题。
我只下载了Scrollspy JS插件,因为我没有使用Twitter Bootstrap CSS。我只需要Scrollspy插件。
你能检查一下这个jsFiddle并提供一些指导吗?我已经查看了文档here,但我没有运气。非常感谢任何帮助:)
答案 0 :(得分:1)
你缺少的关键是你必须在ul元素(或其他一些父元素)上有一个“nav”类,因为它在scrolllspy代码中用作选择器的一部分。
由于某种原因,我无法让你的工作,但这是一个简化的例子: http://jsfiddle.net/UWzeD/5/
答案 1 :(得分:1)
忽略使用JSFiddle 1 的严重问题,以及印刷错误 2 ,原则事情错了
<ul>
上的.nav课程,#welcome
不是现有元素,导致JS错误。这是一个固定的演示:
哦,你不需要data-api和js来初始化插件;选择一个。
1 同时加载Bootstrap 2.0.2 + 2.0.4;试图在html面板中包含<body>
2 在不需要它的函数上使用upperCamelCase:scrollSpy()
;
答案 2 :(得分:0)
你的ul需要一个nav类,但对于scrollspy正常工作最重要的是你的目标需要是关于ul的一个级别。否则我发现scrollspy不起作用。