老师,这样对吗,为什么滚动一下会跳动好多次呢
来源:2-11 编程练习
qq_慕九州7448023
2019-04-11 11:10:19
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>习题</title>
<style>
div {
width: 300px;
height: 200px;
overflow: scroll;
}
</style>
</head>
<body>
<p>请试着滚动 DIV 中的文本:</p>
<div>慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂
<br /><br />
慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂
<br /><br />
慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂
<br /><br />
慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂
</div>
<p>滚动了 <span>0</span> 次。</p>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
$(document).ready(function(){
var x=0;
$('div').scroll(function(){
x++;
$('span').text(x);
});
});//此处写代码
</script>
</body>
1回答
好帮手慕慕子
2019-04-11
同学,你好, 这里是指滚动次数增加了好多次吗?若指的是这里,那是因为scroll在用鼠标滚动的时候, 触发的速度远超于我们的想象 。所以我们感觉上只滚动了一次,实际上已经触发了多次scroll事件。而且这个滚动次数还是无法确定的。
若同学不是指的这里的话,可以详细的描述下,指的是哪里,再次提问,老师会继续为你解答哦
如果帮助到了你, 欢迎采纳
祝学习愉快~~~