Skip to content
Related Articles

Related Articles

SVG window.scrollbars Property
  • Last Updated : 18 Nov, 2020

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>GeeksforGeeks</h1>
  
        <button onclick="get()">
            Click Here
        </button>
          
        <svg viewBox="0 0 10000 10000" 
            xmlns="http://www.w3.org/2000/svg">
              
            <script type="text/javascript">
                function get() {
                    var g = document.getElementById("g");
                    console.log(window.scrollbars);
                }
            </script>
        </svg>
    </center>
</body>
  
</html>

Output:

Example 2:

HTML




<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1>GeeksforGeeks</h1>
  
        <button onclick="get()">
            Click Here 
        </button>
          
        <div id="g"></div>
          
        <svg viewBox="0 0 1000 1000" 
            xmlns="http://www.w3.org/2000/svg">
              
            <script type="text/javascript">
                function get() {
                    var g = document.getElementById("g");
                    g.innerHTML = "Is it visible? : "
                        + window.scrollbars.visible;
                }
            </script>
        </svg>
    </center>
</body>
  
</html>

Output:

Supported Browsers:

  • Google Chrome
  • Edge
  • Firefox
  • Safari
  • Opera
  • Internet Explorer
My Personal Notes arrow_drop_up
Recommended Articles
Page :