scroll 家族

最新推荐文章于 2023-03-08 16:43:02 发布

小小小菜鸡zzzz

最新推荐文章于 2023-03-08 16:43:02 发布

阅读量108

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/ojb98K/article/details/106985932

版权

css 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

scroll兼容问题获取页面上下位移，和左右位移

ie9和最新的浏览器

window.pageYOffset;    scrollLeft
window.pageYOffset;     scrollTop

Firfox浏览器和其他浏览器

document.documentElement.scrollTop
document.documentElement.scrollLeft

Chrome浏览器和没有声明 DTD

document.body.scrollTop
document.body.scrollLeft

var scrollTop = window.pageYOffset 
                || document.documentElement.scrollTop  
                || document.body.scrollTop  
                || 0;

  function scroll() {                                                                         
    if (window.pageYOffset !== null) {                                                        
      return {                                                                                
        top : window.pageYOffset,                                                             
        left: window.pageXOffset                                                              
      }                                                                                       
    } else if (document.compatMode === 'CSS1Compat') {                                        
      return {                                                                                
        top: document.documentElement.scrollTop,                                              
        left: document.documentElement.scrollLeft                                             
      }                                                                                       
    } else {                                                                                  
      return {                                                                                
        top: document.body.scrollTop,                                                         
        left: document.body.scrollLeft                                                        
      }                                                                                       
    }                                                                                         
  }