-webkit-animation-play-state在iOS 8.1上不起作用(也可能更低)

Question

我有一个动画在页面加载运行,并使用javascript我添加一个包含的类

-webkit-animation-play-state:paused;

在OSX safari和所有其他浏览器(甚至是PC)上工作得很好但在移动设备上,仅在iOS上,动画在调用时似乎没有暂停.

这是关于动画状态如何运行和暂停的小提琴.

在iOS上试试,你会发现它完全被忽略了.

Answer 1

使用-webkit-animation 的 iOS 8-9 Safari 的解决方法：无！重要；而不是-webkit-animation-play-state:paused; 此方法适用于 GWD，但也适用于其他情况

不要在 GWD (Google Web Designer) 中使用暂停事件
创建调用 javascript 函数的普通事件，设置“-webkit-animation: none !important;” 到 <div> （您可以添加/删除 css 类）

CSS 样式

.no-animation {
  -webkit-animation: none !important;
}

JavaScript

div.className = div.className + " no-animation";

JavaScript

div.className = div.className.replace("no-animation", '');