4. 添加样式#content{height:500px;overflow-y:scroll;opsition:relative;}
5. 添加脚本$('#content').scrollspy({target:'scrollSpyID'});
最后来个小栗子：
<style type="text/css">
#body {
position: relative;
height: 500px;
overflow-y: scroll;
}
</style>
登录后复制
<div id="sc">
<ul class="nav nav-pills">
<li class="active">
<a href="#A">第一段</a>
</li>
<li>
<a href="#B">第二段</a>
</li>
<li>
<a href="#C">第三段</a>
</li>
</ul>
</div>
登录后复制
<div id="body" class="container-fluid" data-spy="scroll" data-target="#sc"> <a id="A">第一段</a><br /> <!-- 这里要有很多内容，至少要保证可以滚动 --> <a id="A">第二段</a><br /> <!-- 这里要有很多内容，至少要保证可以滚动 --> <a id="A">第三段</a><br /> <!-- 这里要有很多内容，至少要保证可以滚动 --> </div>
登录后复制
$(function () {
$('#body').scrollspy({ target: '#sc' });
});
登录后复制
以上就是本文的全部内容，希望对大家的学习有所帮助。
