在一次移动端页面开发的时候,写一个滚动监听事件的时候,想获取当前页面滚动Y轴的距离的时候,在pc端还好使的 " document.documentElement.scrollTop" 属性,到移动端就不好使了,通过几次调试,移动端是可以支持 "document.body.scrollTop" 这个属性的,但是pc端 "document.body.scrollTop" 就不好使了。于是想出以下解决方法,自测可用,主流的pc和移动端都支持。
// 获取页面Y轴的滚动距离
var scrollY = document.documentElement.scrollTop || document.body.scrollTop
同时一些可以用在移动端BOM的属性记录一下
// 获取当前视图窗口大小
var windowHeight = window.innerHeight
// 获取当前文档的高度
docHeight = document.body.scrollHeight