HTML | Window pageYOffset Property

The Window pageYOffset property is used for returning the pixels of the current document which have been scrolled from the upper left corner of the window vertically. It is a read-only property and it returns a number that represents the number of pixels that the document has already been scrolled from the upper left corner of the window vertically.

Syntax:

window.pageYOffset

Below program illustrates the Window pageYOffset Property :

Getting the pixels that the document has already been scrolled from the upper left corner of the window vertically.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
      Window pageYOffset Property in HTML
    </title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
         
        div {
            border: 2px black;
            background-color: yellow;
            height: 2000px;
            width: 200px;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
    <h2>Window pageYOffset Property</h2>
 
    <p>
      For returning pixels that the document has already
      been scrolled from the upper left corner of the
      window vertically, double click the "Check
      pageYOffset" button:
    </p>
 
    <button ondblclick="offset()" >
        Check pageYOffset
    </button>
 
    <div>
    </div>
 
    <script>
        function offset() {
            window.scrollBy(100, 100);
            alert("pageYOffset : " + window.pageYOffset);
        }
    </script>
 
</body>
 
</html>