Open In App

HTML | Window pageYOffset Property

Improve
Improve
Like Article
Like
Save
Share
Report

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>


Output:

 

 After clicking the button 

 

Supported Browsers: The browser supported by Window pageYOffset Property are listed below:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Internet Explorer 9 and above
  • Firefox 1 and above
  • Opera 3 and above
  • Safari 1 and above


Last Updated : 01 Jun, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads