3

自分のサイトの 1 つを ipad 2 (および ipad 3) で表示すると、奇妙な動作が発生します。

サイトは非常に背の高いインフォグラフィックであり、ユーザーはスクロール/スワイプする必要があります。すべての画像は、imgdiv/spans/paragraphs のタグまたは背景のいずれかであり、絶対に配置されています。一部の画像は、スワイプするとずれて表示されます。

これは、私が見ているものを示すアニメーション gifです (長時間凝視しないでください。催眠術にかかっている可能性があります)。

スクロールシャー

画像は実際には次のようになります。

元の画像

私の例の画像は特に大きくありません。110kb 24bit png のみです。

誰がこれを引き起こしているのか知っていますか?

4

1 に答える 1

1

単なる推測ですが、画像を含む要素に次のスタイルを適用することで、Safariにハードウェアアクセラレーションを使用させることができます。

.forceAccel > * { -webkit-transform: translate3d(0,0,0); }

私がテストしている限り、通常はちらつきの問題は修正されます。

于 2012-12-10T11:25:05.767 に答える