jQuery check if horizontal scroll is present

jQuery function to check if horizontal scroll is present – hasHScrollBar() – (or vertical check below also, util function to check if an element has a scrollbar present).

jQuery hasHScrollBar() Function

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

//util function to check if an element has a scrollbar present jQuery.fn.hasScrollBar = function(direction) {   if (direction == 'vertical')   {     return this.get(0).scrollHeight > this.innerHeight();   }   else if (direction == 'horizontal')   {     return this.get(0).scrollWidth > this.innerWidth();   }   return false;   } //$('#c3 .mbcontainercontent').hasScrollBar('horizontal');

Similar functions:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

//util function to check if an element has a horizontal scrollbar present jQuery.fn.hasHScrollBar = function() {   // log(this.get(0).scrollWidth);   // log(this.width());   // log(this.innerWidth());     return this.get(0).scrollWidth > this.innerWidth(); } $('#c3 .mbcontainercontent').hasScrollBar();   //util function to check if an element has a vertical scrollbar present jQuery.fn.hasVScrollBar = function() {   // log(this.get(0).scrollHeight);   // log(this.height());   // log(this.innerHeight());     return this.get(0).scrollHeight > this.innerHeight(); } $('#c3 .mbcontainercontent').hasScrollBar();

Another version…

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function hasScroll(el, direction) {     direction = (direction === 'vertical') ? 'scrollTop' : 'scrollLeft';     var result = !! el[direction];       if (!result) {         el[direction] = 1;         result = !!el[direction];         el[direction] = 0;     }     return result; }   alert('vertical? ' + hasScroll(document.body, 'vertical')); alert('horizontal? ' + hasScroll(document.body, 'horizontal'));