Home > Article > Web Front-end > Execute script when HTML element's scrollbar is scrolled?
When the element scrolls, the onscroll attribute will trigger. You can try running the following code to implement onscroll property −
<!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>
The above is the detailed content of Execute script when HTML element's scrollbar is scrolled?. For more information, please follow other related articles on the PHP Chinese website!