扁平化设计风格网站网站建设公司官网
jQuery函数来检查是否存在水平滚动 – hasHScrollBar()–(或在下面进行垂直检查,而util函数要检查元素是否存在滚动条)。
jQuery hasHScrollBar()函数
//util function to check if an element has a scrollbar presentjQuery.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');
类似功能:
//util function to check if an element has a horizontal scrollbar presentjQuery.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 presentjQuery.fn.hasVScrollBar = function(){// log(this.get(0).scrollHeight);// log(this.height());// log(this.innerHeight());return this.get(0).scrollHeight > this.innerHeight();}$('#c3 .mbcontainercontent').hasScrollBar();
另一个版本
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'));
From: https://www.sitepoint.com/jquery-check-horizontal-scroll-present/