1

通常のサイトとモバイル サイトの両方に SVG スプライトを読み込んでいます。SVG は 74kb です。新しい iPad(v3) iOS 5.1(9B176) で通常のサイトにロードすると、スクロールやズームの問題はまったくありません。スプライトの一部が表示される 24 のインスタンスがあります。

同じ SVG を iPhone 4 iOS 5.1(9B176) のモバイル サイトにロードすると、指を離したときに上下にスクロールするときにかなりの遅延が発生します。画面に指を置いたままにしても、スクロールの問題はありません。スプライトの一部が表示されるインスタンスは 16 だけです。SVG を @2x PNG (152kb) に置き換えると、スクロールの問題は発生しません。ビューポートが user-scalable=0 に設定されているため、モバイル サイトではズームは行われません。

何が問題なのか、なぜこれが起こっているのか疑問に思っていました。どんな洞察も大歓迎です。

ありがとうございました。

4

1 に答える 1

1

CSS 変換または blackface-visibility を追加するとすぐに、再描画時にズーム/スクロールの最後にちらつきや遅延が発生します。そのため、ページにある CSS アニメーションをすべて削除して、影響があるかどうかを確認してください。

于 2012-10-26T14:31:11.507 に答える