收藏
回答

动画在安卓上正常,IOS上不正常

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug iOS 12.3.1 iphone6 7.0.4

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

我做了一个点击或者左滑右滑切换轮播的动画,在开发者工具上和安卓手机上动画流畅且表现一致,但是在苹果手机上的表现就不一样,目前使用了iphone6,iphone6plus,iphone8动画上都有一些问题,好像是所有的苹果手机动画上都有些不正常(和安卓手机以及开发者工具表现不一样),比如切换的时候,最后定格那一刻,不同轮播项的位置会从上或下或左或右顿一下再回到正确的位置。还比如偶然会出现没有动画直接结束的现象。

- 预期表现

希望动画可以像安卓手机和开发者工具上那样动画正常。

- 复现路径

可以先用开发者工具和安卓手机看一下效果,然后再用苹果手机(比如iphone6,iphone6plus,iphone8等)看一下效果,动画表现是不一样的。

- 提供一个最简复现 Demo

不知道是代码写的有问题还是怎样,动画里面用到了transition和animation,请帮忙看一下代码片段https://developers.weixin.qq.com/s/eKnQommi709P

开发者工具上和安卓手机是正常的,很流畅,要用苹果手机试一下。求解答,谢谢啦!

回答关注问题邀请回答
收藏

3 个回答

  • 后山的后山
    后山的后山
    2019-12-16

    解决了吗?我这里工具上没问题,苹果手机上的动画没有过渡效果,不知道是怎么回事,能帮帮忙吗

    2019-12-16
    有用
    回复 1
    • baby悦
      baby悦
      2019-12-18
      没有解决耶,我当时的问题是安卓手机上动画流畅,苹果手机动画不流畅,有时候有的苹果手机偶尔还会出现没有过渡效果的现象。
      2019-12-18
      回复
  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2019-06-24

    比如切换的时候,最后定格那一刻,不同轮播项的位置会从上或下或左或右顿一下再回到正确的位置。还比如偶然会出现没有动画直接结束的现象。=>这个测试时候没复现这个问题-使用iPhonexr我,微信版本:7.0.4,你提供下录屏?

    2019-06-24
    有用
    回复 8
    查看更多(3)
  • baby悦
    baby悦
    2019-06-24

    可以回答一下我的问题吗,急求解答,十分感谢!

    2019-06-24
    有用
    回复 4
    • J⃰O⃰H⃰N⃰[闭关中]
      J⃰O⃰H⃰N⃰[闭关中]
      2019-06-25

      比如 transition ,transform 写上 -webkit- 前缀,有些 ios 就是吃这一套



      2019-06-25
      回复
    • baby悦
      baby悦
      2019-06-26回复J⃰O⃰H⃰N⃰[闭关中]

      我加了-webkit-前缀后还是不行。

      2019-06-26
      回复
    • J⃰O⃰H⃰N⃰[闭关中]
      J⃰O⃰H⃰N⃰[闭关中]
      2019-06-26回复baby悦

      transform,

      transform-style

      transition

      @keyframes

      animation

      我看你的问题代码片段用到了这些动画属性,你确定每一个都加上了-webkit- 前缀吗?


      2019-06-26
      回复
    • baby悦
      baby悦
      2019-06-26回复J⃰O⃰H⃰N⃰[闭关中]

      是的,你看一下,这是我加了-webkit-之后的代码片段。https://developers.weixin.qq.com/s/E7wkmpmy7c97  苹果手机上的动画在最后一帧还是会从不同轮播项的位置会从上或下或左或右顿一下再回到正确的位置

      2019-06-26
      回复
登录 后发表内容