我在引导页面上看到了左侧的 ScrollSpy 示例：
http://twitter.github.io/bootstrap/2.3.2/javascript.html#scrollspy
但是他们没有任何示例代码来说明如何获得相同的样式和效果？实现这一点所需的最少代码是多少，因为我见过的所有 JsFiddle 示例都没有样式。
更新
我已停止在我的项目中使用 scrollspy，因为滚动条仅在页面级别有效，并且我需要滚动条仅出现在发生滚动的容器上
问问题
28251 次
2 回答
41
看看这是否有帮助：http: //jsfiddle.net/panchroma/rWYQu/
在正文标签中添加
<body data-spy="scroll" data-target="#side-nav">
（见小提琴选项左栏）将您的侧导航栏包装在具有相同数据目标 ID 的 div 中：
<div id="side-nav" >您可能希望将类词缀添加到您的侧导航中，以使其保持原位：
<ul class="nav nav-pills affix">为侧导航中的每个链接添加一个唯一 ID：例如
<li><a href="#one">One</a></li>在页面的主体中，添加 ID 与侧栏中的链接匹配的部分：例如
<section id="one"> Section 1 </section>
而已！
编辑
我如何让它的样式像他们网站上的 Bootstrap 示例一样？
如果您想要类似于引导页面
http://jsfiddle.net/panchroma/ExWDq/的样式，这里有一个变体
你会看到我已经更改了导航列表 ul 上的类，以更好地利用一些内置的 Bootstap 样式，我在菜单链接中添加了 V 形，并为导航列表添加了样式和媒体查询。
于 2013-07-27T11:17:53.780 回答