收藏
回答

小程序在IOS中 css3 动画失效问题

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug iOS all all 最新

- 当前 Bug 的表现(可附上截图)


- 预期表现


- 复现路径


- 提供一个最简复现 Demo


延迟以及动画执行次数是有效的,但是缓动效果永远是失效的

这个问题有没有解决方案?

关闭微信后重新打开,第一次执行动画没问题,之后还是没有缓动



最后一次编辑于  07-18  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

6 个回答

  • nickname
    nickname
    07-18

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    07-18
    赞同
    回复
  • 伊人行
    伊人行
    07-18

    之前也遇到类似问题,使用CSS3的动画效果在安卓和苹果某些机型上都会出现卡顿或者无动画效果,也不报错,最后结局方式是使用wx.createAnimation就正常了


    07-18
    赞同
    回复 2
    • 阿SHI
      阿SHI
      07-18
      我是一开始用了wx.createAnimation也有IOS不兼容这个问题,才用css3写的,wx.createAnimation的问题也是缓动没有,延时是有效的
      07-18
      赞同
      回复
    • 伊人行
      伊人行
      07-18回复阿SHI
      用setTimeout延时,我这边使用好好滴
      07-18
      赞同
      回复
  • console.log
    console.log
    07-19

    把 from 都改成 0% ,把 to 都改成 100% 就好了。因为@keyframes 的from和to试ios上是又兼容性的

    07-19
    赞同
    回复 1
    • console.log
      console.log
      07-19
      如果还是有问题就再加一个 @-webkit-keyframes做个兼容
      07-19
      赞同
      回复