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>热门推荐
10 给导师送花祝福语简短
11 幼儿节日祝福语大全简短
12 祝福语献给老人的话简短
13 拜新年的祝福语简短
14 祝福语生日男朋友简短
15 创业大吉祝福语简短
16 科研文案祝福语简短励志
17 七一祝福语明信片文案简短
18 姥爷生日祝福语简短精辟