JS判断是否出现滚动条

浏览数：21 / 时间：2015年06月09日

http://www.cnblogs.com/yazdao/archive/2010/12/06/1897742.html

该博文是想用JS检测浏览器是否出滚动条。

这边想到一个比较取巧的方法，

假如没有出滚动条的时候，手工给增加一个滚动值会怎么样？

程序上就是给body或documentElement的scrollLeft、scrollTop赋值，

马上动手实现了一下，结果跟我意想的差不多，呵呵

浏览器在没有出滚动条的时候，赋值后该值不会发生变化，始终是0。

另外扩展了一下，该检测方法，不仅可以检测页面滚动条，

传入要检测的节点，一样可以得到想要的结果。

以下是我的实现，没有做太多异常处理：

（给scrollLeft，scrollTop赋负数值时会报错，此外scrollLeft，scrollTop的值不能大于实际最大的滚动值）

var isScroll = function (el) {
             // test targets
             var elems = el ? [el] : [document.documentElement, document.body];
             var scrollX = false, scrollY = false;
             for (var i = 0; i < elems.length; i++) {
                 var o = elems[i];
                 // test horizontal
                 var sl = o.scrollLeft;
                 o.scrollLeft += (sl > 0) ? -1 : 1;
                 o.scrollLeft !== sl && (scrollX = scrollX || true);
                 o.scrollLeft = sl;
                 // test vertical
                 var st = o.scrollTop;
                 o.scrollTop += (st > 0) ? -1 : 1;
                 o.scrollTop !== st && (scrollY = scrollY || true);
                 o.scrollTop = st;
             }
             // ret
             return {
                 scrollX: scrollX,
                 scrollY: scrollY
             };
         };
出自于：http://my.oschina.net/oncereply/blog/38511

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

JS判断是否出现滚动条