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
时间: 2024-10-11 00:28:47