Javascript获取滚动条兼容

兼容问题:
获取滚动条高度:
html:

<div id='box'>
    <h1>你好<h1>
   </div>

css:

<style>
        #box{
            height: 2000px;
            width: 3000px;
            border: 1px solid red;
        }
    </style>

为body添加滚动事件,注意用scroll事件

document.scroll=function(){
	console.log(document.body.scrollTop())  //注意千万不能这么写  输出的结果都为0
}

要考虑兼容问题:

document.documentElement.scrollTop()