scrollTop兼容封装

 <!DOCTYPE html>
 <html>
 <head lang="en">
     <meta charset="UTF-8">
     <title></title>
     <style>
         body {
             height: 3000px;
         }
     </style>
 </head>
 <body>

 </body>
 </html>
 <script>
     //   var json = {left: 10, right: 10}  变异
     //json.left   json.top
     function scroll() {
         if(window.pageYOffset != null)  //  ie9+ 和其他浏览器
         {
             return {
                 left: window.pageXOffset,
                 top: window.pageYOffset
             }
         }
         else if(document.compatMode == "CSS1Compat")  // 声明的了 DTD
         // 检测是不是怪异模式的浏览器 -- 就是没有 声明<!DOCTYPE html>
         {
             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);
     }
 </script>