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' ));