在 HTML 中当元素的滚动条被滚动时执行一个脚本?
当元素被滚动时,onscroll 属性会被触发。你可以尝试运行下面的代码来实现onscroll 属性 -
示例
<!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>
广告