HTML | DOM WheelEvent deltaY Property
The WheelEvent.deltaY property in HTML is used to return a positive double value when the web page is scrolled down, and a negative double value when the page is scrolled up, else it returns zero. It is a read-only property.
Syntax:
event.deltaY
Return Value: It returns a double value which indicates the scrolling direction of the mouse wheel.
- A positive double value represents mouse is scrolled down.
- A negative double value represents mouse is scrolled up.
Example:
html
<!DOCTYPE html><html> <head> <title>DOM WheelEvent deltaY Property</title> </head> <body onwheel="Geeks(event)" style="text-align:center; height: 5000px;"> <h1 style="color: green;"> GeeksforGeeks </h1> <h2> DOM WheelEvent deltaY Property </h2> <p>Scroll to see effect:</p> <p id="p"></p> <script> function Geeks(event) { var doc = event.deltaY; document.getElementById("p").innerHTML = doc; } </script> </body></html> |
Output:
Supported Browsers: The browser supported by deltaY property are listed below:
- Apple Safari 8.0
- Google Chrome 31.0
- Edge 12.0
- Firefox 17.0
- Opera 18.0
- Internet Explorer 9.0
Please Login to comment...