兼容scrollTope一直为0-IEChromeSafari

34次阅读

共计 496 个字符,预计需要花费 2 分钟才能阅读完成。

<!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;// 兼容写法 

正文完
 0