HTML DOM Window Scroll() Method

HTML DOM Window scrollY Property

Last Updated : 13 Aug, 2020

The scrollY property of the Window interface returns the number of pixels that the document is currently scrolled vertically in the current window. This value is subpixel precise in modern browsers, meaning that it isn't necessarily a whole number. This is a read-only property.

Syntax:

var Scry = window.scrollY

Return Value: The returned value is a double-precision floating-point value indicating the number of pixels the document is currently scrolled vertically from the origin.

Example: This example shows how to get the precise number of pixels that are being scrolled vertically of the document using this property.

Here, we have attached a long vertical heading to exceed the frame to enable scroll vertically.

HTML

<!DOCTYPE HTML>
<html>

<body style="text-align:center;">
    <h1 style="color:green;">
        G<br>
        e<br>
        e<br>
        k<br>
        s<br>
        f<br>
        o<br>
        r<br>
        G<br>
        e<br>
        e<br>
        k<br>
        s<br>
    </h1>

    <p>
        HTML | window scrollY property
    </p>

    <button onclick="Geeks()">
        Click Here
    </button>
    <p id="a"></p>

    <script>
        var a = document.getElementById("a");
        function Geeks() {
            a.innerHTML = "scrollY is : " 
                    + window.scrollY;
        }
    </script>
</body>

</html>

Output:

Before Clicking the Button:
After Clicking the Button:

Supported Browsers:

Google Chrome
Safari
Firefox
Opera
Edge

HTML DOM Window Scroll() Method

taran910

Improve

Article Tags :

Similar Reads

HTML DOM Window scrollX property

The scrollX property of the Window interface returns the number of pixels that the document is currently scrolled horizontally in the current window. This value is subpixel precise in modern browsers, meaning that it isn't necessarily a whole number. This is a read-only property. Syntax: var Scrx =

HTML DOM Window scrollMaxX Property

The Window scrollMaxX property returns the maximum number of pixels that the document can be scrolled horizontally in the current window. Window scrollMaxX is a read-only property. Syntax: var Scrx = window.scrollMaxX Return Value: This property returns the maximum number of pixels that the document

HTML DOM scrollWidth Property

The DOM scrollWidth property is used to return the width of an element. This property includes padding and also content that is not visible on the screen due to overflow but does not include a border, scrollbar, or margin. It is a read-only property. Syntax: element.scrollWidth Return Value: It retu

HTML DOM scrollTop Property

The DOM scrollTop property is used to return or set the number of pixels an element is scrolled vertically. If the element's content doesn't generate a scroll bar, then its scrollTop value is 0. Syntax: It returns the scrollTop property.element.scrollTopIt is used to set the scrollTop propertyelemen

HTML DOM Window Scroll() Method

The Window scroll() method scrolls the window to a particular place in the document. This method is different form scrollTo() method as it takes different parameters like scrolling behavior, etc using ScrolltoOptions Dictionary. Syntax: window.scroll(x-coord, y-coord) Or window.scroll(options) Param

HTML DOM scrollHeight Property

The DOM scrollHeight property is used to return the height of an element. This property includes padding and also content that is not visible on the screen due to overflow but does not include a border, scrollbar, or margin. It is a read-only property. Syntax: element.scrollHeight Return Value: It r

HTML DOM scrollLeft Property

HTML DOM scrollLeft property is used to return or set the number of pixels an element i.e. scrolled horizontally. If the content of the element doesn't generate a scroll bar, then its scrollLeft value is 0;Â Syntax: It returns the scrollLeft property.element.scrollLeftIt is used to set the scrollLef

HTML DOM Window visualViewport property

The visualViewport property of the Window interface returns a VisualViewport object representing the visual viewport for the current window. This is a read-only property. Syntax: var visualViewport = Window.visualViewport; Return Value: A VisualViewport Object. Example: This example shows how to get

HTML Window scrollBy() method

The window.scrollBy() method is used to scroll the document by a given number of pixels. Syntax: window.scrollBy( xcoordinate, ycoordinate ); or window.scrollBy(options); Parameters: This method accepts two parameters as mentioned above and described below: x-coordinate: It is the horizontal pixel v

HTML DOM Style top Property

The HTML DOM Style top Property is used to set or return the top position of a positioned element including padding, scrollbar, border, and margin.Â Syntax: It returns the top property.object.style.topIt sets the top property.object.style.top = "auto | length | % | initial | inherit"Property Values: