Question

body.pause * {
animation-play-state:paused !important;
-webkit-animation-play-state:paused !important;
}

我希望在正文上有一个“.pause”类时暂停所有css动画。它在桌面上工作正常，但这在ipad / iphone中不起作用。我在ios8上测试它。

我注意到的另一件事是，我正在使用步骤动画和上面的“暂停”代码暂停步骤动画但完全忽略变换。

并注意到此问题仅发生在ios Safari中。即使是ios中的Chrome也没关系。

Answer 1

适用于iOS 8-9 Safari的解决方法使用 -webkit-animation：none！important; 而不是 -webkit-animation-play-state：paused; 这种方法适用于GWD，但可以适用

请勿在GWD（Google Web Designer）中使用暂停事件
创建调用javascript函数的普通事件，设置“-webkit-animation：none！important;”到＆lt; div＆gt; （你可以添加/删除css类）

CSS样式

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

的Javascript

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

的Javascript

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