ウィンドウのズームで反応しないCSSの位置遷移を取得する

Question

JavaScript関数によって呼び出されたとき（スタイル要素 "left"の値が変更されます）、ダイブスライドを片側から別の側にスライドさせるCSS3の位置遷移があります。これはうまくいきますが、CSSの遷移は、ウィンドウがズームまたはサイズ変更されたときにも反応し、divが間違った位置に1秒間表示されてから元に戻ります。

私の機能にのみ反応させる方法はありますか、それとも古い方法でJavaScriptの移行を行わなければなりませんか？

編集：あなたがここに私のコードを見つけることができます：http://jsfiddle.net/PURFp/

Answer 1

あなたはアニメーションを開始する前に遷移財産権を追加して、アニメーションが終了した後、それを削除することができます。デモはhttp://jsfiddle.net/PURFp/2/です。