请老师检查
<!DOCTYPE html>
<html lang="en">
<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 i=0,
sum=0;
$('div').scroll(function(){
i++;
sum+=i;
$('span')[0].innerHTML=sum;
});
});
</script>
</body>
</html>
正在回答
同学你好，抱歉老师之前回复的有一些不严谨，这里的结果是不正确的。
写成sum+=i，就相当于sum = sum+i，sum、i的值都在变化，所以滚动次数用sum+=i统计是不对的。这里应该直接使用 i++：
再次给同学道歉，老师以后答疑时一定会更加谨慎。
祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星