JS判断页面是否出现滚动条的方法

这篇文章主要介绍了JS判断页面是否出现滚动条的方法,涉及javascript针对页面元素的读取与判定实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS判断页面是否出现滚动条的方法。分享给大家供大家参考。具体如下：

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. }; 

希望本文所述对大家的javascript程序设计有所帮助。