小程序在iOS动画问题

5302关注17276浏览

动画是这样的,在进入小程序的时候,一张图片1s内从左边滑动到中间,透明度从0变成1动画只执行一次,保留最后一帧状态. 安卓是完全没有问题的.但是ios不行,ios进入的时候,部分机型可以显示动画效果,但是部分机型,直接显示最终效果.

使用了 wx.createAnimation这个api还有css3两种方式都用这个问题,请问一下这个是什么原因.谢谢

粘贴上css3代码

     .left_style{

            position:absolute;

            top: 60rpx;

            left:0rpx;

            width:153rpx;

            height:308rpx;

            opacity:0;

            animation:moveAction 1s 1 linear;

            animation-fill-mode:forwards;

        }

    @keyframes moveAction

    {

       from {left:0rpx;opacity:0;}

       to {left:212rpx;opacity:1;}

    }

 api代码

   var animation = wx.createAnimation({

duration: 1000,        timingFunction:"linear"    })  

     this.animation = animation    animation.left(212.4rpx).opacity(1).step()    

this.setData({      animationData:animation.export()    })

   

展开全部
收起
9回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Peyton

    20人对此回答表示赞同

    看你提供的信息没发现有什么问题。

    展开
    20
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • Sofia

    18人对此回答表示赞同

    ios进入的时候,部分机型可以显示动画效果,但是部分机型,直接显示最终效果

    展开
    18
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 江振宇

    18人对此回答表示赞同

    还是不可以,现在页面有没用任何setData.但是动画,依然时好时坏,安卓正常.

    展开
    18
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • Aria

    18人对此回答表示赞同

    在出问题的机器上是每次必现的问题吗?

    展开
    18
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 木头老兄

    15人对此回答表示赞同

    好的,多谢

    展开
    15
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • Madelyn

    9人对此回答表示赞同

    ios版本11.2.1微信版本6.6.1手机型号6p

    展开
    9
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • Kennedy

    9人对此回答表示赞同

    非必现偶尔也会正常,我测试了多次,发现如果使用css3,只要设置animation-iteration-count不是无限次,而且保留动画最后一帧就会出现这种问题.

    展开
    9
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • Caroline1

    8人对此回答表示赞同

    好的,我们查一下。不过这个是iOS系统控制的,可能也没什么好办法。根据以往的经验,如果在动画过程中改变了界面,就容易出现这种问题。

    展开
    8
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • Carlos

    8人对此回答表示赞同

    <imageclass="left_style"src="{{urlAddress}}/right_hand.png"/>

    展开
    8
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部