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

89 篇文章 7 订阅
35 篇文章 1 订阅

问题描述:

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

原因分析

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

解决办法

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

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

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值