Method HTMLElement.hasScrollbars

Detect whether an element has scrollbars.

• Syntax Number HTMLElement.hasScrollbars()
  
  Use this method to detect whether an element is clipping its content and displaying scrollbars.
• Return value This method returns
  
  0 - No scrollbars are present
  1 - Horisontal scrollbar is present
  2 - Vertical scrollbar is present
  3 - Horisontal and vertical scrollbars are both present
  
• Resources Thanks to Muhammad Shoaib Patel for inspiration for this method.
• Download
  Download this function including dependencies
  Source

  Unless otherwise noted all code in the JSLab Standard Library is licensed as GPLv3. See http://www.gnu.org/licenses/gpl.html for the entire license.

  // ************************************************************************** // Copyright 2007 - 2009 Tavs Dokkedahl // Contact: http://www.jslab.dk/contact.php // // This file is part of the JSLab Standard Library (JSL) Program. // // JSL is free software; you can redistribute it and/or modify // it under the terms of the GNU General Public License as published by // the Free Software Foundation; either version 3 of the License, or // any later version. // // JSL is distributed in the hope that it will be useful, // but WITHOUT ANY WARRANTY; without even the implied warranty of // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the // GNU General Public License for more details. // // You should have received a copy of the GNU General Public License // along with this program. If not, see <http://www.gnu.org/licenses/>. // *************************************************************************** // Check whether an element has scrollbars HTMLElement.prototype.hasScrollbars = function() { // Move scroll bars this.scrollLeft++; this.scrollTop++; // Assume no scrollbars var d = 0; // Check for x,y if (this.scrollLeft > 0 && this.scrollTop > 0) d = 3; // Check for x else if (this.scrollLeft > 0) d = 1; // Check for y else if (this.scrollTop > 0) d = 2; this.scrollLeft--; this.scrollTop--; return d; };