小程序animation-play-state

3307关注10412浏览

animation-play-state属性在iOS上不起作用



<image src='https://xcx1.diaocr.com/temp/2018/0621/m_21165732936430.jpg' class='rotate' style='animation-play-state:{{is_paused?"paused":"running"}}; -webkit-animation-play-state:{{is_paused?"paused":"running"}};' bindtap="tab"></image>







Page({

data: {

is_paused: false

},

onLoad: function () {

},

tab(){

this.setData({

is_paused: !this.data.is_paused

})

}

})




.rotate{

animation: rotate 30s infinite;

}

@keyframes rotate{

10%{

transform: rotate(10deg)

}


100%{

transform: rotate(360deg)

}

}


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

    2044人对此回答表示赞同

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

    13人对此回答表示赞同

    是个已知的iOS系统的bug,在使用transform的情况下animation-play-state不生效

    展开
    13
    5回复
    发布于 6年前

    评论(5)

    收起评论

    • 夏日未央 2019-01-22 08:04

      https://www.lglzy.cn/ios-animation-play-state-wxapp.html

      回复
    • Audrey 2019-01-24 20:20

      想问一下,你是怎么解决的

      回复
    • 牛油果 2019-01-26 23:23

      请问下继续播放时,怎么从暂停的地方开始播,而不是从头开始播

      回复
    • 泯灭人性 2019-01-28 16:46


      回复
    • Mika 2019-01-30 15:52

      我也遇到这个问题了,本来想着暂停的时候获取当前的transform值,关掉动画后重新给transform赋值一下,这样就能做到animation-play-state的效果,但是没法获取dom,所以没法用getComputedStyle获取transform的值????有没有解决的办法啊

      回复
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
扫码咨询

扫码咨询套餐

回到顶部