封装自己的scrollTop和scrollLeft

来源：互联网发布：怎样做淘宝店铺编辑：程序博客网时间：2024/05/23 14:31

判断浏览器是否是怪异模式，就是没有声明dtd的模式。
document.compatMode == “CSS1Compat”
CSS1Compat 声明了
BackCompat 未声明

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <style>        body{            height: 3000px;        }    </style></head><body></body></html><script>    function scroll(){        if(window.pageYOffset != null){ //ie9+和其他新浏览器            return{                left:window.pageXOffset,                top:window.pageYOffset            }        }else if(document.compatMode == "CSS1Compat"){ //检测浏览器是否是怪异模式,就是没有声明dtd.BackCompat未声明，CSS1Compat声明了的。            return{                left:document.documentElement.scrollLeft,                top:document.documentElement.scrollTop            }        }        return {            left:document.body.scrollLeft,            top:document.body.scrollTop        }    }    window.onscroll = function () {        console.log(scroll().top);        document.title = scroll().top;    }</script>

0 0