-webkit-animation-play-state在iOS 8.1上不起作用（可能也会降低）

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

-webkit-animation-play-state:paused;

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

这里是animation状态如何运行和暂停的小提琴。

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

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

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

  1. 不要在GWD（Google Web Designer）中使用暂停事件
  2. 创build一个调用javascript函数的正常事件，设置“-webkit-animation：none！important;” 到<div>（你可以添加/删除css类）

CSS样式 

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

使用Javascript 

 div.className = div.className + " no-animation";
  1. 要恢复，删除CSS类

使用Javascript 

 div.className = div.className.replace("no-animation", '');
  1. 请注意，当删除/暂停animation，它将回到帧0（00:00秒），所以你可能需要计算div的当前不透明度/位置

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

Interesting Posts