安卓微信浏览器scrollTop
// 用vue写的项目，scrollToTop控制按钮显示与否，当滚动高度大于1000像素就出现按钮
handleScroll () {
let scrollTop = document.documentElement.scrollTop
if (scrollTop > 1000) {
this.scrollToTop = true
} else {
this.scrollToTop = false
}
}
handleScroll () {
let scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
if (scrollTop > 1000) {
this.scrollToTop = true
} else {
this.scrollToTop = false
}
}
解决是解决了，但是为什么呢？这几个写法有什么区别呢？
-
document.documentElement在页面具有DTD，或者说指定了DOCTYPE 时可以使用，即可以取到scrollTop的值； document.body在页面不具有DTD，或者说没有指定了DOCTYPE时使用； window.pageYOffset表示当前文档从窗口左上角垂直滚动的像素数。
以后遇到这种类型的兼容性问题一般这样处理就行了。
