dost2016 2021-10-26 12:35 采纳率: 0%
浏览 798
已结题

vue轮播松手时卡顿,ios14.6及以上版本的手机,app中内嵌vue页面轮播卡顿问题

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

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

  • 写回答

4条回答 默认 最新

  • 王大师王文峰 企业官方账号 2021-10-26 14:45
    关注

    app有问题就把这个app的轮播改掉,或者换个手机试一试啊,

    评论

报告相同问题?

问题事件

  • 系统已结题 11月3日
  • 赞助了问题酬金 10月29日
  • 赞助了问题酬金 10月29日
  • 修改了问题 10月26日
  • 展开全部

悬赏问题

  • ¥15 CNVcaller安装后无法找到文件
  • ¥15 visual studio2022中文乱码无法解决
  • ¥15 关于华为5g模块mh5000-31接线问题
  • ¥15 keil L6007U报错
  • ¥15 webapi 发布到iis后无法访问
  • ¥15 初学者如何快速上手学习stm32?
  • ¥15 如何自动更换布娃娃图片上的衣服
  • ¥15 心理学eprime编程
  • ¥15 arduino esp8266开发
  • ¥15 stm32单片机通过485发送命令给驱动器控制电机转动,同样的代码f103可以控制电机转动,换到f407不能动了,但是用串口助手调试407显示发送的命令都是正确的,卡了好久了这是发送规则