JavaScript中的onscroll事件有什么用?
当滚动某个元素的滚动条时,将发生onscroll事件。您可以尝试运行以下代码,以了解如何在JavaScript中实现onscroll 事件。
示例
<!DOCTYPE html> <html> <head> <style> div { border: 2px solid blue; width: 300px; height: 100px; overflow: scroll; } </style> </head> <body> <div id="content"> This is demo text. This is demo text.This is demo text.This is demo text. This is demo text.This is demo text.This is demo text.This is demo text. This is demo text.This is demo text.This is demo text. This is demo text.This is demo text.This is demo text. This is demo text.This is demo text.This is demo text. </div> <p id = "myScroll"> </p> <script> document.getElementById("content").onscroll = function() {myFunction()}; function myFunction() { document.getElementById("myScroll").innerHTML = "Scroll successfull!."; } </script> </body> </html>