scroll封装及兼容性写法

<script>
    function scroll() {
        if(window.pageYOffset !=null)  //ie9+及主流浏览器支持的格式
        {
            return{
                left:window.pageXOffset,
                top:window.pageYOffset
            }
        }
        else if(document.compatMode == "CSS1Compat") //声明了DTD(),但不支持上面的格式,google不支持,其他浏览器支持
        {
            return{
                left:document.documentElement.scrollLeft,
                top:document.documentElement.scrollTop
            }
        }
        return{
            left:document.body.scrollLeft,       //google支持,还有没有声明DTD的页面支持
            top:document.body.scrollTop
        }
    }

    window.onscroll = function () {
        console.log(scroll().top);
    }
script>

你可能感兴趣的:(scroll封装及兼容性写法)