uni.pageScrollTo滚动时出现抖动问题

uni-app中,将页面滚动到顶部,有两种方式:

 

一、使用scroo-view标签中的@scrolltoupper实现

 

二:使用uni.pageScrollTo实现

 

近期在做视频类的一个重播功能,要求点击“重播”按钮后页面能够回到顶部(由于视频在页面的顶部,这样点击“重播”后不会跳到视频之外的其他地方),用uni.pageScrollTo来实现,但是发现三个问题:

1>部分机型会出现抖动;

2>在触发uni.pageScrollTo之后,会先滚动到最顶端,触发刷新,再从最顶端滚动到我们需要的位置。就是有个下拉刷新的感觉,体验不是很好!某前不知道是不是所有的机型是这样,未测试,只至少我的安卓oppo手机上是这样的!

3》部分机型有时无效,没回到顶部去~

     后续发现将duration置为0,即可解决上面三个问题!

建议还是用scroll-view来实现,bug相对少些~

 

ps:微信小程序中解决方法也类同~

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值