如何告訴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/