请教~ios14.6及以上版本的手机,app中内嵌vue页面轮播(手指拖动)卡顿问题

222 阅读1分钟

如题,ios14.6及以上版本的手机,app中轮播卡顿。
现象是手指拖动图片的运动是平滑流程的,但放开图片,图片向前或向后进行一次轮播,放开的这一瞬间会卡一下。在同一部手机的safari或微信中没有这个问题,只有在app中有这个问题。

开始用的是vant自带的轮播组件有卡顿问题。后来用了vue-awesome-swiper同样如此,然后手写轮播,通过transform+transition实现轮播效果,属性加上各种兼容写法依然有问题。调试之后发现,如果轮播元素一直添加transition属性,整个远动是流畅的,但为了实现手指拖动的效果,touchstart到touchmove过程中元素是没有transition属性的,到touchend时才添加,正是这个时候页面会卡顿一下。而且还会出现上一个或一下个轮播页面白屏闪屏的问题。研究了很长时间还是没有找到方法,求教各位大佬!~