收藏
回答

animation-play-state

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug iOS ios iphone 6.6.6

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)

}

}


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

1 个回答

  • 晨
    2018-06-25

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

    2018-06-25
    赞同
    回复 5
    • 江小咏
      江小咏
      2018-06-29

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

      2018-06-29
      回复
    • LG
      LG
      2018-07-10


      能用啦,我跟你想要实现的效果差不多。刚试了有效果不过返回值是异步的 需要处理一下 不然赋值的时候会闪一下

      2018-07-10
      回复
    • Rivers
      Rivers
      2018-08-03回复LG

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

      2018-08-03
      回复
    • จุ๊บ คิดถึง
      จุ๊บ คิดถึง
      2018-08-27回复LG

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

      2018-08-27
      回复
    • LG
      LG
      2018-09-07回复จุ๊บ คิดถึง

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

      2018-09-07
      回复