Teach with us

Execute a script when an element's scrollbar is being scrolled in HTML?

When an element is scrolled, the onscroll attribute triggers. You can try to run the following code to implement onscroll attribute −

Example

<!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>
Updated on 03-Mar-2020 09:36:30

0 Views

Tutorials Point

Previous Page Next Page  
Advertisements