js进阶之scroll家族

偏重于滚动
用的较多的是scrollTop

1. ie9+ 和 最新浏览器：使用：window.pageXOffse和window.pageYOffset；
2. 也可以使用：document.documentElement.scrollTop和document.documentElement.scrollLeft或者是document.body.scrollTop和document.body.scrollLef (但是存在很大的兼容问题）
3. 兼容性写法为：
   var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
   var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;

Json（JavaScript Object Notation)

1. 基本概念：是基于ECMAScript的一个子集，相对于XML,Json易于人阅读和编写，同时也易于机器的解析和生成
2. 有两种结构：对象和数组
   数组在键值对中
   数据有逗号分开
   花括号保存对象
   方括号保存数组

分装scroll

<script>
    function scroll() {
        if(window.pageYOffset !== null){
            return {
                top: window.pageYOffset,
                left: window.pageXOffset
            }
        }else if(document.compatMode === "CSS1Compat"){ // W3C
            return {
                top: document.documentElement.scrollTop,
                left: document.documentElement.scrollLeft
            }
        }
    
        return {
            top: document.body.scrollTop,
            left: document.body.scrollLeft
        }
    }
</script>

现在基本上已经满足了W3c的标准