scrollTop,scrollLeft为0的原因

 

 IE:

 对于没有doctype声明的页面(上方代码),使用  document.body.scrollTop 或 document.documentElement.scrollTop; 

 对于有doctype声明的页面,则使用 document.documentElement.scrollTop;

Chrome、Firefox: 

 对于没有doctype声明的页面,使用  document.body.scrollTop 来获取 scrollTop高度 ; 

 对于有doctype声明的页面,则使用 document.documentElement.scrollTop; 

Safari: 比较特别,有自己获取scrollTop的函数 : window.pageYOffset ; 


通用封装:

 

function getScroll(){
    return {
        left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0,
        top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
    };
}

 

你可能感兴趣的:(JS)