【学习笔记】Bootstrap插件滚动监听+弹出框+选项卡

最新推荐文章于 2022-06-19 16:54:16 发布

weixin_39780365

最新推荐文章于 2022-06-19 16:54:16 发布

阅读量1k

点赞数 1

本文链接：https://blog.csdn.net/weixin_39780365/article/details/79057757

版权

本文详细介绍了Bootstrap的滚动监听功能，弹出框Popover的使用，包括data-container、data-toggle、data-placement等属性的设置，以及触发方式。同时，讲解了如何创建选项卡（标签页），重点讨论了tab-content、fade和active类在实现选项卡切换中的作用。

摘要由CSDN通过智能技术生成

--滚动监听

依赖导航组件
步骤：
1.写一个导航组件
2.data-target="#test"执行滚动监听的目标
data-spy="scroll" 向想要监听的元素添加滚动监听

 <nav id="test" class="navbar navbar-default">
	 	<div class="container">
	 		<ul class="nav navbar-nav">
	 			<li><a href="#ios">ios</a></li>
	 			<li><a href="#php">php</a></li>
	 			<li><a href="#java">java</a></li>
	 		</ul>
	 	</div>
	 </nav>
	 <div data-target="#test" data-spy="scroll" style="height:100px;overflow:auto;position:relative">
	 	<h4 id="i