PHP前端开发

当HTML元素的滚动条被滚动时执行脚本?

百变鹏仔 3个月前 (09-22) #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>