css - CSS 动画仅在 iPad 上使 Safari 崩溃

Question

我的网站在 iPad 上的 Safari 和仅在 iPad 上崩溃。我正在使用 css3 动画在标题中为一张大图片（4800 x 374px，尽管只有 336 kb）制作动画。大约十秒钟后，这会导致 Safari 崩溃。

您可以在http://bakabaka.nl/preview/leuk/上查看该网站

我可以防止这种崩溃吗？如果可以，如何防止？我可以让动画运行更流畅吗？现在太坑了...

Answer 1

这是在黑暗中拍摄，但也许值得。

我会尝试在 iOS 上使用 3D 动画，因为它使用硬件加速：

-webkit-transform: translate3d(X,Y,Z);

有关更多信息，请参见此处：“ 3D 变换函数”

iOS 上非常大的图像也可能会出现一些问题。也许将它们切成碎片是更好的解决方案。阅读更多相关信息：“了解 iOS 资源限制”

Answer 2

我也经历过类似的事情。对于其他可能会撞墙的人来说，这会让桌面和 iOS 上的 Safari 崩溃。它真的不喜欢那个::window-inactive选择器。

::-webkit-scrollbar-thumb:window-inactive {
     background: #f2f2f2; 
}