Computer >> Máy Tính >  >> Lập trình >> HTML

Thực thi một tập lệnh khi thanh cuộn của một phần tử đang được cuộn trong HTML?


Khi một phần tử được cuộn, onscroll trình kích hoạt thuộc tính. Bạn có thể thử chạy mã sau để triển khai onscroll thuộc tính -

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         #myid {
            width   : 250px;
            height  : 80px;
            border  : 2px solid blue;
            overflow: scroll;
         }
      </style>
   </head>
   <body>
      <p>Scroll the box.</p>
      <div id = "myid" onscroll = "display()">This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text.
      <br><br></div>
      <script>
         function display() {
            document.getElementById("myid").style.color = "blue";
         }
      </script>
   </body>
</html>