3

iPhone用のタッチイベントと組み合わせたキュービックバイザータイミング関数を使用して要素をアニメーション化し-webkit-transform: translate3d(x,y,z)、カスタムのscrollmethodタイプのものを作成しています。

問題は、要素（この場合はページdiv）が特定のサイズを超えると、アニメーションが途切れる（要素が0.5秒間停止する）ことです。幅が320px、高さが1000pxの場合、これはすべて問題なく機能しますが、高さを2000pxにすると、不快なスタッターが発生します。読み込み中のように、最初は1回だけ途切れることに注意してください。その後、問題はありません。

既知の回避策はありますか？

4

1 に答える 1

-1

2つの可能な回避策。

まず、他のCSSプロパティ、つまり位置（上、左、右、下）、および不透明度をオフにします。それらを混合すると、特にアニメーション化されている場合、パフォーマンスの問題が発生する可能性があります。

可能な限りオフにして、問題が修正されるかどうかを確認してみてください。その場合は、問題のあるプロパティが見つかるまで、それらを1つずつオンに戻します。

次に、コンテンツをiframe内にラップします。iframeがビュー全体に表示されるように設定されている場合でも、非常に大きな画像が含まれていると、パフォーマンスが大幅に向上する可能性があります。

于 2012-07-18T06:49:20.873 に答える