scrollspy 滚动监听插件

最新推荐文章于 2024-07-25 11:26:35 发布

^ω^奋斗小青年

最新推荐文章于 2024-07-25 11:26:35 发布

阅读量292

点赞数

分类专栏： # bootstrap 文章标签： html scrollspy

本文链接：https://blog.csdn.net/DeathDomain/article/details/112135989

版权

bootstrap 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<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>

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

^ω^奋斗小青年

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
scrollspy 滚动监听插件

<style> /*第一步*/ body { position: relative; } #navbar{ background:#aab; position:fixed; left:100px; top:50px; }</style><body data-spy="scroll" data-target="#nav
复制链接

扫一扫