引导附加导航插件

　　
 <代码>一。附加导航
　　附加导航即粘贴在屏幕某处实现锚点功能。//基本实例。
　　& lt;身体data-spy=肮龆笔菽勘?" # myScrollspy "比;
　　
　　& lt; div类="容器"比;
　　& lt; div类=俺蟆北?
　　& lt; h2>引导Affix
　　& lt;/div>
　　& lt; div类="行"比;
　　& lt; div类=" col-xs-3 " id=癿yScrollspy”比;
　　& lt; ul类=" nav nav-pills nav-stacked”data-spy=按首骸眃ata-offset-top=" 150 "比;
　　& lt;李类="活跃"祝辞& lt; a href=" https://www.yisu.com/zixun/#第一节”在第一部分
　　& lt;/a> & lt;/li>
　　& lt; li> & lt; a href=" https://www.yisu.com/zixun/第二节”在第二部分& lt;/a> & lt;/li>
　　& lt; li> & lt; a href=" https://www.yisu.com/zixun/第三节”在第三部分& lt;/a> & lt;/li>
　　& lt; li> & lt; a href=" https://www.yisu.com/zixun/第四节”在第四部分& lt;/a> & lt;/li>
　　& lt; li> & lt; a href=" https://www.yisu.com/zixun/第四节”在第五部分& lt;/a> & lt;/li>
　　& lt;/ul>
　　& lt;/div>
　　& lt; div类=癱ol-xs-9”比;
　　& lt; h3 id=暗谝唤凇痹诘谝徊糠? lt;/h3>
　　& lt; p>……& lt;/p>
　　& lt; h3 id=暗诙凇痹诘诙糠? lt;/h3>
　　& lt; p>……& lt;/p>
　　& lt; h3 id=暗谌凇痹诘谌糠? lt;/h3>
　　& lt; p>……& lt;/p>
　　& lt; h3 id=暗谒慕凇痹诘谒牟糠? lt;/h3>
　　& lt; p>……& lt;/p>
　　& lt; h3 id=暗?节”在第四部分& lt;/h3>
　　& lt; p>……& lt;/p>
　　& lt;/div>
　　
　　& lt;/div>
　　& lt;/div>//导航的CSS部分
　　ul。nav-pills{宽度:200 px;
　　}
　　ul.nav-pills。词缀{:30 px;
　　}//JavaScript代替data-spy=按首骸眃ata-offset-top=" 125 "
　　$ (" # myAffix”)。词缀({抵消:{
　　上图:150年
　　}
　　})
　　
　　我们默认使用的是,当然也可以默认居底底。这个定位方式是直接通过CSS
　　定位的。//设置成底部
　　ul.nav-tabs。affix-bottom{底:30 px;
　　}//设置成底部
　　$ (" # myAffix”)。词缀({抵消:{
　　底部:150
　　}
　　})
　　
　　词缀包含几个事件,如下:
　　

引导附加导航插件

　　
 <代码>//其他雷同
　　$ (' # myAffix ')。(“affixed-top.bs。词缀的功能(){
　　alert('触发!”);
　　});

引导附加导航插件