我在bootstrap页面上看到了左手ScrollSpy示例：
http://twitter.github.io/bootstrap/2.3.2/javascript.html#scrollspy
但是他们没有任何关于如何获得相同风格和效果的示例代码？实现这一目标所需的最少代码是什么，因为我看到的所有JsFiddle示例都没有样式。
我已停止在我的项目中使用scrollspy，因为滚动条仅适用于页面级别，我需要滚动条仅显示在滚动发生的容器上
答案 0 :(得分：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形符号，并为导航列表添加了样式和媒体查询。
答案 1 :(得分：9)
在使用sidenav scrollspy进行一些研究时，我在coding everything上找到了一个很好的教程
所有来源均可在github
上找到