通过JS 判断页面是不是有滚动条的简单方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过JS 判断页面是不是有滚动条的简单方法相关的知识,希望对你有一定的参考价值。

判断是否有滚动条的方法

function hasScrollbar()     
    return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);

一般情况下,使用 document.body.scrollHeight > window.innerHeight 就可以判断。

但是在 IE7,IE8 中 window.innerHeight 为 underfined,所以为了兼容 IE7、IE8,需要使用 document.documentElement.clientHeight 属性计算窗口高度。

参考技术A document.documentElement.scrollLeft >0 //有水平滚动条
或 document.documentElement.scrollTop>0//有垂直滚动条

以上是关于通过JS 判断页面是不是有滚动条的简单方法的主要内容,如果未能解决你的问题,请参考以下文章

利用JS,如何判断滚动条是不是滚动到页面最底部

两种监听页面滚动的方法

页面的div中有滚动条,js实现刷新页面后回到记录时滚动条的位置

前端页面加载进度条的制作

解决滚动条加载出现的页面抖动

关于隐藏原生滚动条的一些事