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

JavaScript014

通过JS 判断页面是否有滚动条的简单方法,第1张

判断是否有滚动条的方法

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 属性计算窗口高度。

function hasScrollbar() {

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

}

调用该方法便可以 原理很简单 就是看内容的高度是否比浏览器更高