1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JS判断是否出现滚动条

JS判断是否出现滚动条

时间:2019-04-21 14:17:07

相关推荐

JS判断是否出现滚动条

/yazdao/archive//12/06/1897742.html

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

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

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

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

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

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

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

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

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

(给scrollLeft,scrollTop赋负数值时会报错,此外scrollLeft,scrollTop的值不能大于实际最大的滚动值)

var isScroll = function (el) {// test targetsvar 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 horizontalvar sl = o.scrollLeft;o.scrollLeft += (sl > 0) ? -1 : 1;o.scrollLeft !== sl && (scrollX = scrollX || true);o.scrollLeft = sl;// test verticalvar st = o.scrollTop;o.scrollTop += (st > 0) ? -1 : 1;o.scrollTop !== st && (scrollY = scrollY || true);o.scrollTop = st;}// retreturn {scrollX: scrollX,scrollY: scrollY};};

出自于:/oncereply/blog/38511

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。