<script>
//需求:封装一个兼容的scroll().返回值是对象,用scroll().left获取scrollLeft
window.onscroll = function () {
console.log(scroll().top);
console.log(scroll().left);
}
function scroll(){
//如果这个属性存在,那么返回值应该是0-无穷大
//如果没有返回值是undefined;
//只要判断不是undefined就可以调用此方法
//练习使用此种封装
if(window.pageYOffset !== undefined){
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
};
}
}
</script>
封装一个兼容的scroll(),获得浏览器的scrollTop和scrollLeft
最新推荐文章于 2023-03-24 17:04:49 发布