जावास्क्रिप्ट में स्क्रॉल इवेंट्स समझाया गया

जावास्क्रिप्ट में स्क्रॉल इवेंट तब फायर होता है जब यूजर स्क्रॉलबार को ऊपर या नीचे मूव करके इंटरैक्ट करता है।

जावास्क्रिप्ट में स्क्रॉल इवेंट्स के लिए कोड निम्नलिखित है:

उदाहरण

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;       height: 150vh; /*To have a scrollbar*/    }    .result{       font-size: 18px;       color: blueviolet;       font-weight: 500;    } </style> </head> <body> <h1>Scroll events in JavaScript</h1> <div class="result"></div> <h3>Scroll the scrollbar to see some text in the above paragraph</h3> <script>    let resEle = document.querySelector(".result");    window.addEventListener("scroll", () => {       resEle.innerHTML = "The scroll event has fired";    }); </script> </body> </html>

आउटपुट

थोड़ा नीचे स्क्रॉल करने पर: