为了封装一个兼容性好的scroll方法,代码如下:(事先对body进行了处理,使它的宽和高都很高大)
//由于scroll等属性的兼容性性过太差,所以打算将他们封装成一个json,以后也方便调用
window.onscroll = function (){
console.log(scroll().left);
console.log(scroll().top);
}
function scroll() {
return {
"top":window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop,
"left":window.pageXOffset || document.body.scrollLeft || document.documentElement.scrollLeft
}
}
//分解就是下面这些代码
//function scroll() {
// if(window.pageYOffset !== undefined){
// return {
// "left": window.pageXOffset,
// "top":window.pageYOffset
// }
// }else if(document.compatMode === "CSS1Compat"){
// return {
// "left":document.documentElement.scrollLeft,
// "right":document.documentElement.scrollTop
// }
// }else{
// return {
// "left": document.body.scrollLeft,
// "Top":document.body.scrollTop
// }
// }
//}
</script>
效果如下: