css - 我如何告诉 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/