<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>test</title>    <style type="text/css">        body{            height: 2000px;        }    </style></head><body>    <script>        window.onscroll=function () {            var top=document.body.scrollTop;            console.log(top);        }    </script></body></html>
IE：
对于没有doctype声明的页面用 document.body.scrollTop
Chrome、Firefox： 
对于有doctype声明的页面，则使用
document.documentElement.scrollTop
Safari: 
safari 比较特别，有自己获取scrollTop的函数 ： window.pageYOffset
var top= window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;//兼容写法