如何用js或jquery控制滚动条到指定位置
发布网友
发布时间：2022-04-26 12:15
我来回答
共1个回答
热心网友
时间：2022-04-20 00:32
请使用
fullPage.js插件。可以自行百度一下。
参考代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
color: #FFFFFF;
}
.section1 {
background-color: #BFDA00;
}
.section2 {
background-color: #2EBE21;
}
.section3 {
background-color: #2C3E50;
}
</style>
<title></title>
<link rel="stylesheet" href="css/jquery.fullPage.css" />
<script type="text/javascript" src="../../js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.fullPage.js"></script>
<script>
$(function() {
$("#ido").fullpage();
});
</script>
</head>
<body>
<div id="ido">
<div class="section section1">
<h1>每一个section是一屏，这是第一屏</h3>
</div>
<div class="section section2">
<h1>每一个section是一屏，这是第二屏</h3>
</div>
<div class="section section3 active">
<h1>每一个section是一屏，这是第三屏</h3>
</div>
<div class="section section4">
<h1>每一个section是一屏，这是第四屏</h3>
</div>
</div>
</body>
</html>
css js 自己引用啊
