Zub*_*air 25 twitter-bootstrap scrollspy
我在bootstrap页面上看到了左手ScrollSpy示例:
http://twitter.github.io/bootstrap/2.3.2/javascript.html#scrollspy
但他们没有任何示例代码如何获得相同的风格和效果？实现这一目标所需的最小代码是什么,因为我看到的所有JsFiddle示例都没有样式.
我已停止在我的项目中使用scrollspy,因为滚动条仅适用于页面级别,我需要滚动条仅显示在滚动发生的容器上
Dav*_*roa 41
看看这是否有帮助:http: //jsfiddle.net/panchroma/rWYQu/
在body标签中添加<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形符号,并为导航列表添加了样式和媒体查询.
| 归档时间： |
|
| 查看次数： |
27152 次 |
| 最近记录： |