jQueryのアニメーションが遅く、サーバー側のクロムに遅れます

Question

クロムのバージョンは：18.0.1025.168、jQueryのバージョンは1.7.2です。それでも

私はアニメーション化しよう：

$("#xyz").animate({ 'margin-left':'500px' }, 500, function(){ 
    //Do something (another animation). 
    $("#abc").animate({ 'margin-left':'300px' }, 500); 
}); 

両方xyzとabc（自分のコンピュータ上で）クライアント側ですべてのブラウザ（IE、FFとChrome）で円滑かつ迅速なアニメーションを。

しかし、私はそれをサーバーにアップロードすると、IEとFFはいつものように滑らかにアニメートします。 Chromeはabcをスムーズにアニメーション化します。しかし、xyzをアニメーション化している間に、クロムは激しく苦労/遅れています。

Answer 1

xyzでアニメーションを繰り返していますか？その場合は、アニメーションキューをクリアする必要があります。 jquery .stop（）コマンドを見てください。あなたの遅れの理由は、jQueryが前のアニメーションが完了するのを待ってから次のアニメーションを開始することがあるからです。ラグがxyzをアニメーション化するたびに増加するように見える場合は、これが原因と思われます。

Answer 2

数字を大きくして試してみてください。 「margin-left」の代わりに '：' 500px 'margin-left'を試してみてください： '1000px' ...なぜそれが私のために働いたのでしょうか...マージンと上、左、右、

Answer 3

これはChromeのよく知られたバグです。それは、背景画像がフルスケールで、それよりも低い場合には遅れます。

続きを読むhttps://code.google.com/p/chromium/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified&groupby=&sort=&id=92812 「クロムでスクロールするときの背景画像がバグです！」