收藏
回答

动画在安卓上正常,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

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

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

13 个回答

  • baby悦
    baby悦
    06-24

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

    06-24
    赞同
    回复 4
    • III
      III
      06-25

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



      06-25
      赞同
      回复
    • baby悦
      baby悦
      06-26回复III

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

      06-26
      赞同
      回复
    • III
      III
      06-26回复baby悦

      transform,

      transform-style

      transition

      @keyframes

      animation

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


      06-26
      赞同
      回复
    • baby悦
      baby悦
      06-26回复III

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

      06-26
      赞同
      回复
    点击 登录
  • 那个很帅的小白
    那个很帅的小白
    06-24

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

    06-24
    赞同
    回复 7
    查看更多(2)
    点击 登录