Aquileo | HTML DOM Window screenTop Property

The Window screenTop property is used for returning the 'y' or vertical coordinate of a window relative to a screen. It returns a number which represents the vertical coordinate of a window relative to a screen.
Syntax:

window.screenTop

Return Value: It returns a number that represents the window horizontal and vertical distance relative to the screen, in pixels

Below program illustrates the Window screenTop Property :
Getting the vertical coordinate of a window relative to a screen.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
      Window screenTop Property in HTML
    </title>
    <style>
        h1 {
            color: green;
        }
        
        h2 {
            font-family: Impact;
        }
        
        body {
            text-align: center;
        }
    </style>
</head>

<body>

    <h1>GeeksforGeeks</h1>
    <h2>Window screenTop  Property</h2>

    

<p>
      For returning the Y coordinates of a 
      window relative to the screen, double 
      click the "Check Screen Top" button:
    </p>



    <button ondblclick="coordinate()">
      Check Screen Top
    </button>

    <script>
        function coordinate() {
            var y = window.open("", "myWindow");
            y.document.write
                    ("

<p>Welcome to my Window");
            y.document.write
            ("<br> ScreenTop : " + y.screenTop);
        }
    </script>

</body>

</html>

Output:

After clicking the button

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

Google Chrome 1 and above
Edge 12 and above
Firefox 64 and above
Internet Explorer 5 and above
Opera 12.1 and above
Safari 1 and above

HTML DOM Window screenTop Property

Explore