如何用js或jquery控制滚动条到指定位置
我现在有6屏的界面,但是每次滚动只滚动到下一屏界面,我用scroll方法去做判断不行,因为我鼠标滚轮滚动一次scroll方法是会触发n次的,参考如下:lxf.163.co...
我现在有6屏的界面,但是每次滚动只滚动到下一屏界面,
我用scroll方法去做判断不行,因为我鼠标滚轮滚动一次scroll方法是会触发n次的,
参考如下:l x f . 1 6 3 . c o m / ? f r o m = n i e t o p # 1
把空格去掉,因为百度规则问题只能这样写。 展开
我用scroll方法去做判断不行,因为我鼠标滚轮滚动一次scroll方法是会触发n次的,
参考如下:l x f . 1 6 3 . c o m / ? f r o m = n i e t o p # 1
把空格去掉,因为百度规则问题只能这样写。 展开
1个回答
展开全部
请使用
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 自己引用啊
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询