js 滚动条 兼容滚动条方法

故事扮演 提交于 2019-12-02 11:14:31

window.pageXOffset/pageYOffset x轴/y轴 滚动距离 IE8及以下不兼容

IE8 及以下浏览器 支持
兼容性比较混乱 用时取2个值相加,因为两个值不可能同时存在 一个存在,另一个必然为0
document.body.scrollLeft/scrollTop
document.documentElement.scrollLeft/scrollTop

封装 兼容滚动条方法

function getScrollOffset(){
	if(window.pageXOffset){
		return {
			x:window.pageXOffset,
			y:window.pageYOffset
		}
	}else{
		return {
			x:document.body.scrollLeft + document.documentElement.scrollLeft,
			y:document.body.scrollTop + document.documentElement.scrollTop
		}
	}
}
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!