ऑनस्क्रॉल ईवेंट तब होता है जब किसी तत्व के लिए स्क्रॉलबार स्क्रॉल किया जा रहा हो। ऑनस्क्रॉल . को लागू करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं जावास्क्रिप्ट में घटना।
उदाहरण
<!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>