HTML onscroll Attribute: The HTML onscroll attribute is defined as it fires when an element’s scrollbar is being scrolled. The onscroll attribute is the part of the event attribute. HTML4 does not support this attribute. It was supported by HTML5.
HTML onscroll Attribute
This HTML onscroll attribute can be applied to all the HTML elements.
Syntax:<div onscroll=”myFunction()”>
Browser Support
The HTML onscroll attribute is supported by the following browsers:
- Chrome
- Firefox
- Internet Explorer
- Safari
- Opera
Example: for <div> element
<!DOCTYPE html>
<html>
<head>
<style>
#myDIV {
border: 1px solid black;
width: 200px;
height: 100px;
overflow: scroll;
}
</style>
</head>
<body>
<p>Try the scrollbar in div.</p>
<div id="myDIV" onscroll="myFunction()">In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.
<br><br>
</div>
<script>
function myFunction() {
document.getElementById("myDIV").style.color = "red";
}
</script>
</body>
</html>
Output:
