<div> 元素滚动时执行 JavaScript - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <style>
    div {
      border: 1px solid black;
      width: 200px;
      height: 100px;
      overflow: scroll;
    }
  </style>
</head>
<body>

  <p>尝试滚动 div。</p>
  <div onscroll="myFunction()">In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.
    <br><br> 'Whenever you feel like criticizing anyone,' he told me, just remember that all the people in this world haven't had the advantages that you've had.'</div>
  <p>滚动 <span id="demo">0</span> 次。</p>
  <script>
    x = 0;

    function myFunction() {
      document.getElementById("demo").innerHTML = x += 1;
    }
  </script>

</body>
</html>
        