Open In App
Related Articles

HTML | DOM WheelEvent deltaY Property

Improve Article
Save Article
Like Article

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, or else it returns zero. It is a read-only property.



Return Value: It returns a double value which indicates the scrolling direction of the mouse wheel.

  • A positive double value represents the mouse is scrolled down.
  • A negative double value represents mouse is scrolled up.

Example: In this example, we will use WheelEvent.deltaY property


<!DOCTYPE html>
    <title>DOM WheelEvent deltaY Property</title>
<body onwheel="Geeks(event)" style="text-align:center; height: 5000px;">
    <h1 style="color: green;">
        DOM WheelEvent deltaY Property
    <p>Scroll to see effect:</p>
    <p id="p"></p>
        function Geeks(event) {
            let doc = event.deltaY;
            document.getElementById("p").innerHTML = doc;



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
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 13 Jun, 2023
Like Article
Save Article
Similar Reads
Complete Tutorials