home
play_circle_filled
menu
cached
settings_brightness
Run
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <title>HTML onscroll Attribute Example</title> <meta charset="utf-8" /> <style> #myDIV { width: 350px; height: 150px; overflow: scroll; } </style> </head> <body> <h2>HTML onscroll Attribute Example</h2> <p>Try scrolling the scroll bar to the div element.</p> <p id="mypara"></p> <div id="myDIV" width="300" height="300" onscroll="myFunction()"> <p>➔ The event is triggered by user or programmatic scrolling.</p> <p>➔ This event can be used on most HTML elements, such as divs, paragraphs, sections, body elements, or window objects for the entire page.</p> <p>➔ To use onscroll the element must have an active scrollbar, which can usually be achieved using the CSS overflow property (e.g. overflow: scroll; or overflow: auto;).</p> </div> <script> function myFunction() { document.querySelector("#mypara").innerHTML = "Scrolled"; document.querySelector("#mypara").style.color = "red"; } </script> </body> </html>