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() })
-
至过去的我
2044人对此回答表示赞同
我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多> -
Peyton
20人对此回答表示赞同
看你提供的信息没发现有什么问题。
展开200回复分享发布于 6年前评论(0)
收起评论
-
Sofia
18人对此回答表示赞同
ios进入的时候,部分机型可以显示动画效果,但是部分机型,直接显示最终效果
展开180回复分享发布于 5年前评论(0)
收起评论
-
江振宇
18人对此回答表示赞同
还是不可以,现在页面有没用任何setData.但是动画,依然时好时坏,安卓正常.
展开180回复分享发布于 6年前评论(0)
收起评论
-
Aria
18人对此回答表示赞同
在出问题的机器上是每次必现的问题吗?
展开180回复分享发布于 6年前评论(0)
收起评论
-
木头老兄
15人对此回答表示赞同
好的,多谢
展开150回复分享发布于 6年前评论(0)
收起评论
-
Madelyn
9人对此回答表示赞同
ios版本11.2.1微信版本6.6.1手机型号6p
展开90回复分享发布于 6年前评论(0)
收起评论
-
Kennedy
9人对此回答表示赞同
非必现偶尔也会正常,我测试了多次,发现如果使用css3,只要设置animation-iteration-count不是无限次,而且保留动画最后一帧就会出现这种问题.
展开90回复分享发布于 6年前评论(0)
收起评论
-
Caroline1
8人对此回答表示赞同
好的,我们查一下。不过这个是iOS系统控制的,可能也没什么好办法。根据以往的经验,如果在动画过程中改变了界面,就容易出现这种问题。
展开80回复分享发布于 6年前评论(0)
收起评论
-
Carlos
8人对此回答表示赞同
<imageclass="left_style"src="{{urlAddress}}/right_hand.png"/>
展开80回复分享发布于 6年前评论(0)
收起评论