WebKit的

2018-06-07 19:06:01

我有一个动画运行在页面加载和JavaScript我添加一个类包含

-webkit-animation-play-state:paused;

在OSX safari和所有其他浏览器（甚至是PC）上也可以正常工作，但是在移动设备上，只有在iOS上，动画在被调用时似乎不会暂停。

这里有一个关于动画状态如何运行和暂停的小提琴。

http://jsfiddle.net/uc9c5/2/

在iOS上尝试它，你会发现它完全被忽略。

适用于iOS 8-9的解决方法使用-webkit-animation：none！重要的 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";

要恢复，请移除CSS类

使用Javascript

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

请注意，当删除/暂停动画时，它将回到帧0（00:00 s），因此您可能需要计算div的当前不透明度/位置

http://jsfiddle.net/duchuy/pczsufL9/

链接地址: http://www.djcxy.com/p/23759.html

上一篇: webkit