javaScript--3.封装自己的scroll

封装自己的scroll

js部分

    //封装自己的scrollTop scrollLeft  第一步：判断浏览器是否支持
    //    第二步 var json = {left:10,top:10}  不用声明变量，直接return
    function scroll() {
        // 支持ie9+ 和其他浏览器（除了ie678）
        if(window.pageYOffset != null) {
            return {
                left : window.pageXOffset,
                top : window.pageYOffset
            }
        }
        //不支持的 检测是不是怪异模式的浏览器（没有声明头的）
        //  判断是否声明DTD
        // 1. CSS1Compat已经声明 css标准模式
        // 2. BackCompat 未声明
        else if(document.compatMode == "CSS1Compat") { //声明了DTD
            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);
//        相当于json 的使用 eg: json.left
    }