如何告诉Safari iOS7不要停止滚动的CSS动画？

Question

我有一个旋转的css动画，当页面滚动时停止。我尝试启用硬件加速，但没有运气。

同时滚动页面时

-webkit-animation: rotating 5s linear infinite; 
-webkit-transform-style: preserve-3d; 
-webkit-transform: translateZ(0); 

Answer 1

总之这不起作用：不能。这是一个功能，而不是一个错误。 iOS Safari会停止滚动的所有JS和动画以节省电池使用时间（例如，尝试滚动一页GIF动画）。

我听说你可以使用hammer.js使每个滚动触摸互动，这将意味着没有这样的警告。但是，它会吸电池。硬。

这里有多种：如果http://eightmedia.github.io/hammer.js/