<style>
/*第一步*/
body {
position: relative;
}
#navbar{
background:#aab;
position:fixed;
left:100px;
top:50px;
}
</style>
<!-- 第二步 -->
<body data-spy="scroll" data-target="#navbar">
<div id="navbar">
<ul class="nav nav-tabs" role="tablist">
<li><a href="#AAAA">1</a></li>
<li><a href="#BBBB">2</a></li>
<li><a href="#CCCC">3</a></li>
<li><a href="#DDDD">4</a></li>
</ul>
</div>
<ul class="list-unstyled">
<li id="AAAA"><img src="holder.js/100px500?text=1" alt=""></li>
<li id="BBBB"><img src="holder.js/100px500?bg=#aef&text=2" alt=""></li>
<li id="CCCC"><img src="holder.js/100px500?bg=#eea&text=3" alt=""></li>
<li id="DDDD"><img src="holder.js/100px500?bg=#aab&text=4" alt=""></li>
</ul>
</body>
scrollspy 滚动监听插件
最新推荐文章于 2022-02-23 13:37:48 发布