Home > Article > Web Front-end > Execute script when HTML element's scrollbar is scrolled?
Execute script when HTML element's scrollbar is scrolled?
- PHPzforward
- 2023-08-27 15:09:201173browse
When the element scrolls, the onscroll attribute will trigger. You can try running the following code to implement onscroll property −
Example
<!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>The above is the detailed content of Execute script when HTML element's scrollbar is scrolled?. For more information, please follow other related articles on the PHP Chinese website!
Statement：
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete
Previous article：What does the shiftKey attribute in keyboard events do in JavaScript?Next article：What does the shiftKey attribute in keyboard events do in JavaScript?