RE:JS判断页面是否出现滚动条
2010-12-06 20:58
197 查看
原文地址:/article/5750408.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;
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
};
};
该博文是想用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;
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
};
};
相关文章推荐
- JS判断页面是否出现滚动条
- JS判断页面是否出现滚动条
- JS判断页面是否出现滚动条的方法
- JS判断页面是否出现滚动条
- JS判断页面是否出现滚动条
- JS判断页面是否出现滚动条
- JS判断页面是否出现滚动条的方法
- 通过 JS 判断页面是否有滚动条的简单方法
- js判断页面出现滚动条
- 通过 JS 判断页面是否有滚动条的实现方法
- js判断一个元素是否在页面中出现
- js判断滚动条是否已到页面最底部或顶部实例
- js判断滚动条是否已到页面最底部或顶部实例
- js判断滚动条是否已到页面最底部或顶部实例
- js判断滚动条是否已到页面最底部或顶部实例-拓展(逐渐-自动下滑滚动)
- JS判断是否出现滚动条
- IE,火狐,谷歌浏览器下js判断滚动条是否已拉到页面最底部
- js判断浏览器是否有滚动条
- 怎么在html页面和js里判断是否是IE浏览器
- js判断滚动条是否到达顶部、底部 兼容各种浏览器