Web Window API | Window scrollbars property

Web Window API | Window scrollbars property

Last Updated : 31 Jul, 2019

In Web APIWindow.scrollbars property returns the object of scrollbars, for which we can check the visibility. Syntax :

objectReference = window.scrollbars

Example : Check the visibility

html

<!DOCTYPE html>
<html>

<head>
    <title>
        Window scrollbars property
    </title>

    <style>
        a:focus {
            background-color: magenta;
        }
    </style>

    <script type="text/javascript">
        function getvisibility() {
            document.getElementById('visibility').innerHTML =
              window.scrollbars.visible;
        }
    </script>

</head>

<body>
    <center>

        <h1 style="color:green;">  
                GeeksForGeeks  
            </h1>

        <h2>HTML Window scrollbars property</h2>
        <button onclick="getvisibility ();"
                id="btn">
          Check visibility
      </button>
        <p id='visibility'></p>
    </center>
</body>

</html>

Output: Click the button:

When the button is clicked:

Supported Browsers:

Google Chrome
Edge 12
Firefox
Safari
Opera

Web Window API | Window scrollbars property

D

DeepakDev

Improve

Article Tags :

Similar Reads

Web Window API | Window toolbar property

In HTML Window.toolbar property returns the object of toolbar, for which we can check the visibility. Syntax: objectReference = window.toolbar Example: Check the visibility html <!DOCTYPE html> <html> <head> <title> Window toolbar property </title> <script type=

Web Window API | Window statusbar property

In Web API Window.statusbar property returns the object of statusbar, for which we can check the visibility. Syntax: objectReference = window.statusbar Example: Check the visibility html <!DOCTYPE html> <html> <head> <title> Window statusbar property </title> <script

SVG window.scrollbars Property

The SVG window.scrollbars property returns the scrollbars object through which we can check the visibility. Syntax: var sb = window.scrollbars Return value: This property returns the scrollbars object. Example 1: HTML <!DOCTYPE html> <html> <body> <center> <h1>GeeksforG

Web Window API | Window personalbar property

In Web API Window.personalbar property returns the object of personalbar, for which we can check the visibility. Syntax: objectReference = window.personalbar Example: Check the visibility html <!DOCTYPE html> <html> <head> <title> Window personalbar property </title>

CSS scrollbar-width Property

The CSS scrollbar-width property defines the thickness of a scrollbar in an element, allowing developers to adjust its appearance to better fit the webpage design. It offers three main values: auto for the default scrollbar width, thin for a narrower scrollbar, and none to completely hide the scroll