收藏
评论

IOS 中无法动态设置 animation-play-state 样式

<view style="-webkit-animation-play-state:{{playing ? 'running' : 'paused'}};" class="tape-left"></view>
.tape-left {
  width: 182rpx;
  height: 182rpx;
  animation: 3.84s linear 0s infinite playing;
  transform: rotate(60deg);
  animation-play-state: paused;
}
@keyframes playing {
  from {
    transform: rotate(60deg);
  }
  to {
    transform: rotate(-420deg);
  }
}

通过把 playing 设为 true 可以显示动画,但是再把 playing 改为 false 则动画不会停止!!!

Android 手机和模拟器没这个 bug,使用 style 和 css 进行设置都有这个问题。


希望官方尽快处理。

最后一次编辑于  2018-03-23  (未经腾讯允许,不得转载)
复制链接收藏赞 0

3 个评论

  • 荧光棒
    荧光棒
    2018-03-24

    关注一下

    2018-03-24
    赞同
    回复
  • 古月
    古月
    2018-03-27

    试下false的时候取空值,用过几个boolean值类型的参数false取值只有为空才有作用,只要不是空值都是true的状态

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

    好像是ios 压根儿设置 -webkit-animation-play-state 没有用 , 楼主解决了吗

    2018-08-27
    赞同
    回复