1.js滚动条兼容性
window.pageYOffset ： 谷歌浏览器
document.documentElement.scrollTop ：ie 和其他浏览器
document.body.scrollTop ： 火狐浏览器
下面的代码封装在base.js里面日常使用
function scroll(){ if(window.pageYOffset != null){ return { top:window.pageYOffset, left:window.pageXOffset } } if(document.compatMode == "CSS1compat"){ return { top:document.documentElement.scrollTop, left:document.documentElement.scrollLeft } } return { top:document.body.scrollTop, left:document.body.scrollLeft } } // console.log(scroll().top); //console.log(scroll().left);
2.解决浏览器获取样式兼容
function getStyle(obj,attr){ if(obj.currentStyle){ //判断ie return obj.currentStyle[attr]; }else{ return window.getComputedStyle(obj,null)[attr];//标准浏览器 } }
