怎么判断页面出现了滚动条?滚动条属于哪个元素?

Question

页面的DOM结构如下:

当页面出现滚动条时,body #app .main-container .container元素的scrollHeight和clientHeight都是相等的
怎么判断当前页面出现了滚动条?

Answer 1

获取当前窗口高度 document.documentElement.clientHeight
获取当前body高度 document.body.clientHeight

if(document.body.clientHeight > document.documentElement.clientHeight){
    // 出现了滚动条
}