码迷,mamicode.com
首页 > Web开发 > 详细

json 对scroll的封装

时间:2019-08-03 20:03:30      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:doc   atm   lang   距离   title   null   ice   div   class   

<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>json</title>
</head>
<body>
    <script>
    /*  var data = [‘张三‘,18,‘男‘]
     var person = {"name":"张三"}
     var person =[{
        "name":"张三",
        "age":"18"

     },{
        "name":"李四",
        "age":"12"
     }]*/
     /* 获取滚动的头部距离 和左边距离
      **
      scroll().top scroll().left*
      **
     */
     function scroll(){
         if(window.pageXOffset !==null){
             return {
                 top:window.pageYOffset,
                 left:window.pageXOffset
             }
         }else if(document.compatMode==="CSS1Compat"){
             return {
                 top:document.documentElement.scrollTop,
                 left:document.documentElement.scrollLeft
             }

         }
         return {
                 top:document.body.scrollTop,
                 left:document.body.scrollLeft
             }
     }
     window.onscroll = function (){
         console.log(scroll().top)
     }
    </script>
</body>
</html>

 

json 对scroll的封装

标签:doc   atm   lang   距离   title   null   ice   div   class   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!