問題描述:
自己按照element-ui的思路寫了一個返回頂部的公共組件,使用在移動端。在PC上的模擬器和IOS手機正常,在安卓上跑,居然沒有效果。氣死人了。
原因分析
document.documentElement.scrollTop在值,在安卓端,始終是0。
解決辦法
安卓端使用document.body.scrollTop來替代。
兼容寫法
const scrollTop= document.documentElement.scrollTop || document.body.scrollTop;
具體也可以參考我寫的這個組件:
vue開發公共組件之返回頂部(backtop)