vue開發中遇到的坑之返回頂部,在Android端居然不能用的問題。

問題描述:

自己按照element-ui的思路寫了一個返回頂部的公共組件,使用在移動端。在PC上的模擬器和IOS手機正常,在安卓上跑,居然沒有效果。氣死人了。

原因分析

document.documentElement.scrollTop在值,在安卓端,始終是0。

解決辦法

安卓端使用document.body.scrollTop來替代。

兼容寫法
const scrollTop= document.documentElement.scrollTop || document.body.scrollTop;

具體也可以參考我寫的這個組件:
vue開發公共組件之返回頂部(backtop)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章