<div> <ul> <li> <a href="#A">第一段</a> </li> <li> <a href="#B">第二段</a> </li> <li> <a href="#C">第三段</a> </li> </ul> </div>
<div data-spy="scroll" data-target="#sc"> <a>第一段</a><br /> <!-- 这里要有很多内容，至少要保证可以滚动 --> <a>第二段</a><br /> <!-- 这里要有很多内容，至少要保证可以滚动 --> <a>第三段</a><br /> <!-- 这里要有很多内容，至少要保证可以滚动 --> </div>
$(function () { $('#body').scrollspy({ target: '#sc' }); });
如果大家还想深入学习，可以点击这里进行学习，再为大家附两个精彩的专题：Bootstrap学习教程 Bootstrap实战教程