iOS 5.1中的SVG滞后与@ 2x PNG相比

Question

我有一个SVG精灵，我正在加载到常规站点和移动站点。 SVG是74kb。 当在新iPad（v3）iOS 5.1（9B176）上加载到普通站点时，无论如何都会出现零滚动和缩放问题。有24个实例显示了一部分精灵。

当我在iPhone 4 iOS 5.1（9B176）上将相同的SVG加载到移动网站时，当我抬起手指时，我会在向上和向下滚动时出现明显的延迟。如果我将手指放在屏幕上，则没有滚动问题。 Ther仅显示了一部分精灵的16个实例。如果我用@ 2x PNG（152kb）替换SVG，我没有滚动问题。在移动网站上没有缩放，因为视口设置为user-scalable = 0。

我想知道问题是什么以及为什么会发生这种情况。任何见解将不胜感激。

谢谢。

Answer 1

当我添加CSS变换或黑脸可见性时，它会在重绘时开始闪烁并在缩放/滚动结束时滞后。因此，请尝试删除页面上的任何CSS动画，看看它是否有任何影响。