vue开发中遇到的坑之返回顶部,在Android端居然不能用的问题。

问题描述:

自己按照element-ui的思路写了一个返回顶部的公共组件,使用在移动端。在PC上的模拟器和IOS手机正常,在安卓上跑,居然没有效果。气死人了。

原因分析

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

解决办法

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

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

具体也可以参考我写的这个组件:
vue开发公共组件之返回顶部(backtop)

猜你喜欢

转载自blog.csdn.net/qq_42991509/article/details/106144008