アニメーションがChromeでジャンプする

Question

シンプルなjQueryアニメーションでmouseoutでジャンプしています。イメージはマウスオーバーでスムーズにスライドしますが、マウスオーバーではスライドダウンする前に数ピクセル上にジャンプします。ここ

jsfiddle：http://jsfiddle.net/g_thom/HMS2Z/1/

私はSafariやFirefoxで問題に気づくことはありません（と現時点ではIEが手元にありません）。明示的に高さ/幅を設定しようとしましたが、マージン/パディングをゼロにしましたが、ジャンプには何の効果もありませんでした。

Answer 1

あなたはそれがマウスアウト上の初期位置だし、それは返す見ることができるように、私は画像の境界線との新しいディスプレイを使用しての例を更新：私はデフォルトのjQueryのアニメーションモードがスムーズにスピードをアップしているためである疑いがあるupdated example

Answer 2

スローダウン（swingイージング） - 突然の停止がジャンプのように表示されます。

$('img').hover(function() { 
    $(this).animate({ 'top': '-10' },1000, 'linear'); 
}, function() { 
    $(this).stop().animate({ 'top': '0' },1000,'linear'); 
}); 

http://jsfiddle.net/HMS2Z/4/