老师,这样对吗,为什么滚动一下会跳动好多次呢

老师,这样对吗,为什么滚动一下会跳动好多次呢

<!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

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2019-04-11 11:40:03

同学,你好, 这里是指滚动次数增加了好多次吗?若指的是这里,那是因为scroll在用鼠标滚动的时候, 触发的速度远超于我们的想象 。所以我们感觉上只滚动了一次,实际上已经触发了多次scroll事件。而且这个滚动次数还是无法确定的。

若同学不是指的这里的话,可以详细的描述下,指的是哪里,再次提问,老师会继续为你解答哦

如果帮助到了你, 欢迎采纳

祝学习愉快~~~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师