0

packeryを使用してアニメーションに取り組んでいます。タイルはグリッドに配置されており、クリックすると拡大され、それに応じてタイルが動的に再配置されます。サイズ変更は、CSS3 トランジションを使用してアニメーション化されます。次のコードペンで示されているように、これらはすべて IE10 と Firefox で期待どおりに機能します: http://codepen.io/anon/pen/ilkmK

WebKit ベースのブラウザー (Windows でテスト済み) の同じコードは、サイズ変更や再配置の際に、ボックスが激しく小刻みに揺れたり震えたりします。

既に問題を提出しましたが、問題は WebKit の幅と高さの遷移が最適化されていないことのようです。jQuery.animate を使用して同じアニメーションを実装すると、状況が少し改善されましたが、揺れはなくなりません。特に遅いシステムでは、非常に目立ちます。

今のところ、JavaScript バージョンをフォールバックまたは Webkit ブラウザーのわずかに優れたバージョンとして使用していますが、最適ではありません。ここからどこへ行けばいいのかわからないので、Stackoverflow が助けてくれることを期待していました。

Chrome/Safari でこれを機能させる方法についてのヒントがあれば、とても感謝しています。

4

1 に答える 1