html滚动监听（bootstarp）
程序员文章站
2022-06-12 20:05:44
...
文章目录
前言
学习html监听事件，实现定位
提示：以下是本篇文章正文内容，下面案例可供参考
代码
第一步 为导航栏监听的内容加 position:relative;
body{
position:relative
}
第二步 并为其增加 data-spy=“scroll” data-target="#bs-example-navbar-collapse-1"
<body data-spy="scroll" data-target="#bs-example-navbar-collapse-1">
第三步 将a标签对应的ID和要去往的div的ID相互对应
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#zongshu">总述</a></li>
<li><a href="#jianshu">简述</a></li>
<li><a href="#guanyu">关于</a></li>
</ul>
</div>
<div id="zongshu"></div>
<div id="jianshu"></div>
<div id="guanyu"></div>
需要注意的点
data-target对应的导航栏的ID否则无效
上一篇： js热键监听-按键监听
下一篇： 并发编程7.使用线程池