JavaScript 中 onscroll 事件的用法是什么?


当元素的滚动条正在滚动时,会发生 onscroll 事件。你可以尝试运行以下代码来学习如何在 JavaScript 中实现 onscroll 事件。

示例

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            border: 2px solid blue;
            width: 300px;
            height: 100px;
            overflow: scroll;
         }
      </style>
   </head>
   
   <body>
      <div id="content">
         This is demo text. This is demo text.This is demo text.This is demo text.
         This is demo text.This is demo text.This is demo text.This is demo text.
         This is demo text.This is demo text.This is demo text.
         This is demo text.This is demo text.This is demo text.
         This is demo text.This is demo text.This is demo text.
      </div>
      <p id = "myScroll"> </p>
      <script>
         document.getElementById("content").onscroll = function() {myFunction()};
         function myFunction() {
            document.getElementById("myScroll").innerHTML = "Scroll successfull!.";
         }
      </script>
   </body>
</html>

更新日期:2020 年 5 月 21 日

152 次浏览

启动您的职业生涯

完成课程以获得认证

开始
广告