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

新手上路,请多包涵

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

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

阅读 3k
1 个回答

有没有试过轮播标签上加上这个样式?

-webkit-overflow-scrolling: touch;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题