Skip to content
Related Articles

Related Articles

Improve Article
HTML | DOM WheelEvent deltaZ Property
  • Last Updated : 17 Jun, 2019

The HTML | DOM WheelEvent deltaZ Property is used to return a positive double value when the web page is scrolled in and returns a negative value when the page is scrolled out else it returns zero. It is a read-only property.

Syntax:

event.deltaZ

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

Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>
      DOM WheelEvent deltaZ Property
  </title>
</head>
  
<body onwheel="Geeks(event)" 
      style="text-align: center; 
             width: 1000px;">
  
    <h1 style="color: green;"
        GeeksforGeeks 
    </h1>
  
    <h2
        DOM WheelEvent deltaZ Property 
    </h2>
  
    <p>Scroll to see effect:</p>
  
    <p id="p"></p>
  
    <script>
        function Geeks(event) {
            var doc = event.deltaZ;
            document.getElementById(
              "p").innerHTML = doc;
        }
    </script>
  
</body>
  
</html>

Output:
Before Scroll:

After Scroll:

Supported Browsers: The browsers supported by DOM WheelEvent deltaZ Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
My Personal Notes arrow_drop_up
Recommended Articles
Page :