利用Bootstrap实现滚动监听

最新推荐文章于 2022-05-03 19:20:46 发布

落花人独立_微雨燕双飞

最新推荐文章于 2022-05-03 19:20:46 发布

阅读量1.8k

点赞数

分类专栏： Web网页

本文链接：https://blog.csdn.net/qq_41684261/article/details/84106063

版权

滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。在这里，需要引入三个文件：bootstrap.min.css jquery-3.3.1.js bootstrap.min.js都可以在bootstrap-4.1-3里面找到。Html代码：<!DOCTYPE html><html lang="...

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

滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。

在这里，需要引入三个文件：bootstrap.min.css jquery-3.3.1.js bootstrap.min.js

都可以在bootstrap-4.1-3里面找到。

Html代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Scroll</title>
	<link href="bootstrap.min.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet" type="text/css">
    <script src="jquery-3.3.1.js"></script>
    <script src="bootstrap.min.js"></script> <!-- 注意文件引入的顺序！  -->
</head>
<body data-spy="scroll" data-target="#fixed-nav" data-offset="0">
	<nav id="fixed-nav"  class="navbar fixed-top navbar-in

最低0.47元/天解锁文章

落花人独立_微雨燕双飞

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
利用Bootstrap实现滚动监听

滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。在这里，需要引入三个文件：bootstrap.min.css jquery-3.3.1.js bootstrap.min.js都可以在bootstrap-4.1-3里面找到。Html代码：&lt;!DOCTYPE html&gt;&lt;html lang="...
复制链接

扫一扫