私の質問を説明するためにjsFiddleをまとめました：
指定された要素にパンおよびズームする機能があります。これは、コミックブックのフレーム間のトランジションを作成するために使用されます。
jQuery の .animate() を使用してこれを正常に動作させていますが、最新のブラウザーでのパフォーマンスが大幅に向上するため、使用可能な場合は css 変換を使用したいと考えています。
ただし、同じ動作を正しく再現できないようです。
ここで下手に説明するのではなく、jsFiddle を見ると、それぞれのボタンが「コミック」のフレームに対応する 2 つのコントロール セットが表示されます。jQuery アニメーション コントロールは正しく動作しますが、css 変換コントロールは動作しません。
問題は、要素が css-transforms を使用してスケーリングされると、offset() 属性の測定にあるようです。
どんな助けでも大歓迎です。
注:関数の実行時に変更された CSS をリセットするために、メソッドを .animate から変換に、またはその逆に切り替える場合は、jsFiddle を「再実行」する必要があります。
編集: jSfiddle へのリンクを修正したところです... 既に閲覧されている方にはお詫び申し上げます。元のリンクにはサンプル コードの一部がありませんでした。また、明確にするために、アプリ全体が完全に応答するため、パーセントベースの値を使用する必要があります。