scroll兼容问题以及适配

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>scroll</title>
    <style>
     body{
         height: 3000px;
     }
    </style>
</head>
<body>
     <script>
      window.onscroll=function(){
          //console.log(document.documentElement.scrollTop,document.documentElement.scrollLeft)
          //兼容问题
       //   console.log(document.body.scrollTop,document.body.scrollLeft)
       //2.1 兼容问题适配问题
       //window.pageXOffset
      // console.log(window.pageXOffset,window.pageYOffset)
      var scrollTop=document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop||0
      var scrollLeft =document.body.scrollLeft || window.pageXOffset || document.body.scrollLeft || 0
      console.log(scrollTop,scrollLeft)
      }
     </script>
</body>
</html>

每个你讨厌的现在，都有一个不努力的曾经

相关阅读:
单词小课堂
js数组
js规范
css
seajs
IDEA快捷键
移动端设备禁止页面滑动
sass中的!default的作用
【数据分析 R语言实战】学习笔记第八章方差分析与R实现
excel合并单元格

原文地址：https://www.cnblogs.com/yuanxiangguang/p/11295913.html