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

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

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

二:使用uni.pageScrollTo实现

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

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

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

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

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

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

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

发布了32 篇原创文章 · 获赞 57 · 访问量 13万+

猜你喜欢

转载自blog.csdn.net/Syleapn/article/details/90742207
今日推荐