我正在设计一个单页网站，并且希望固定导航链接在用户滚动到指定位置时改变颜色。似乎很容易做到，我认为这很容易做到，但我在使它工作时遇到了问题。
我只下载了 Scrollspy JS 插件，因为我没有使用 Twitter Bootstrap CSS。我只需要 Scrollspy 插件。
你能检查一下这个 jsFiddle 并提供一些指导吗？我已经在这里查看了文档，但我没有运气。任何帮助是极大的赞赏 ：）
问问题
5099 次
3 回答
1
忽略您使用 JSFiddle 1和印刷错误2的严重问题，错误的原则是
- 您需要导航栏中的 .nav 类
<ul>，并且 #welcome不是现有元素，导致 JS 错误。
这是一个固定的演示：
JSFiddle
哦，你不需要 data-api 和 js 来初始化插件；选一个。
1同时加载Bootstrap 2.0.2 + 2.0.4；试图<body>在 html 面板中包含一个
2在不需要它的函数上使用 upperCamelCase: scrollSpy();
于 2012-09-13T05:15:00.453 回答
1
您缺少的关键是您必须在 ul 元素（或其他一些父元素）上有一个“导航”类，因为它在 scrollspy 代码中用作选择器的一部分。
由于某种原因，我无法让你的工作，但这里有一个简化的例子：http: //jsfiddle.net/UWzeD/5/
于 2012-09-13T05:10:36.693 回答
0
您的 ul 需要一个 nav 类，但要让 scrollspy 正常工作，最重要的是您的目标必须是 ul 的一个级别。否则我发现 scrollspy 不起作用。
于 2013-01-12T13:40:31.753 回答