RE:JS判断页面是否出现滚动条
by ppchen（陈荣林）
at 2010-12-06 20:58:00
original http://www.cnblogs.com/ppchen/archive/2010/12/06/test_scroll.html
原文地址：http://www.cnblogs.com/yazdao/archive/2010/12/06/1897742.html
该博文是想用JS检测浏览器是否出滚动条。
这边想到一个比较取巧的方法，
假如没有出滚动条的时候，手工给增加一个滚动值会怎么样？
程序上就是给body或documentElement的scrollLeft、scrollTop赋值，
马上动手实现了一下，结果跟我意想的差不多，呵呵
浏览器在没有出滚动条的时候，赋值后该值不会发生变化，始终是0。
另外扩展了一下，该检测方法，不仅可以检测页面滚动条，
传入要检测的节点，一样可以得到想要的结果。
以下是我的实现，没有做太多异常处理：
（给scrollLeft，scrollTop赋负数值时会报错，此外scrollLeft，scrollTop的值不能大于实际最大的滚动值）
1 var isScroll = function (el) {
2 // test targets
3 var elems = el ? [el] : [document.documentElement, document.body];
4 var scrollX = false, scrollY = false;
5 for (var i = 0; i < elems.length; i++) {
6 var o = elems[i];
7 // test horizontal
8 var sl = o.scrollLeft;
9 o.scrollLeft += (sl > 0) ? -1 : 1;
10 o.scrollLeft !== sl && (scrollX = scrollX || true);
11 o.scrollLeft = sl;
12 // test vertical
13 var st = o.scrollTop;
14 o.scrollTop += (st > 0) ? -1 : 1;
15 o.scrollTop !== st && (scrollY = scrollY || true);
16 o.scrollTop = st;
17 }
18 // ret
19 return {
20 scrollX: scrollX,
21 scrollY: scrollY
22 };
23 };
2 // test targets
3 var elems = el ? [el] : [document.documentElement, document.body];
4 var scrollX = false, scrollY = false;
5 for (var i = 0; i < elems.length; i++) {
6 var o = elems[i];
7 // test horizontal
8 var sl = o.scrollLeft;
9 o.scrollLeft += (sl > 0) ? -1 : 1;
10 o.scrollLeft !== sl && (scrollX = scrollX || true);
11 o.scrollLeft = sl;
12 // test vertical
13 var st = o.scrollTop;
14 o.scrollTop += (st > 0) ? -1 : 1;
15 o.scrollTop !== st && (scrollY = scrollY || true);
16 o.scrollTop = st;
17 }
18 // ret
19 return {
20 scrollX: scrollX,
21 scrollY: scrollY
22 };
23 };
作者: ppchen（陈荣林） 发表于 2010-12-06 20:58 原文链接
最新新闻：
· 为人民服务：王建硕从博客到高管(2010-12-07 10:20)
· 九城提前终止《FIFA Online 2》授权(2010-12-07 10:13)
· 苹果背后的芯片黑马ARM：山寨并不邪恶(2010-12-07 10:12)
· 马云回应减持华谊：不卖股票对创新行业是打击(2010-12-07 10:05)
· 盛大游戏总裁回应裁员：若是真的我就去喂鲨鱼(2010-12-07 10:02)
编辑推荐：博客园电子期刊2010年11月刊发布