使用Json封装scroll,已处理其兼容性问题

Posted Alice_Daily

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Json封装scroll,已处理其兼容性问题相关的知识,希望对你有一定的参考价值。

scroll.js

/*
使用Json封装scroll
*/
function scroll(){
  //标准模式(遵循W3C标准)
 if(pageYOffset!==null){
        return {
             top:window.pageYOffset,
             left:window.pageXOffset
        }
   }else if(document.compatMode===CSS1Compat){
                     return  {
                          top:document.documentElement.scrollTop,
                          left:document.documnetElement.scrollLeft
                      }
            }
  //怪异模式(不遵循W3C标准)
 return {
       top:document.body.scrollTop,
       left:documnet.body.scrollLeft
    }


}

 

以上是关于使用Json封装scroll,已处理其兼容性问题的主要内容,如果未能解决你的问题,请参考以下文章

小程序实践项目

python 2.7 与第 11 代 Intel Core i9 的兼容性问题?

原生JS封装运动框架

使用better-scroll在vue中封装自己的Scroll组件

scroll-view组件实现下拉刷新, 拉到底加载更多

关于UC浏览器兼容scroll事件问题