PHP前端开发

在JavaScript中，onscroll事件的用途是什么？

百变鹏仔 3个月前 (09-22) #HTML

文章标签用途

当元素的滚动条被滚动时，会触发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>

文章推荐

本站为非盈利性网站,不接受任何赞助和广告。

特别声明：本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。 | 举报邮箱：344225443@qq.com

互联网ICP备案：陕ICP备2023000799号 Copyright 2023-2024 sharedbk.com All rights reserved | (c)2008-2024 共享博客