jqueryはアニメーションを維持し、クロムで停止しません

Question

なぜ、クロムが私のメニュータグ（価格タグ）をアニメーション化し続けているのか理解できません。 site here。クロムの中でそれが上に上がっていくところではどこでも動作します。

Answer 1

私はここでemを避けます。これは相対的な単位であり、望ましい結果を得られない可能性があります。 pxのような絶対単位を使用してください。また、アニメーションを停止すると、それ以降のアニメーションの高さが変わる可能性があります。で、ここにも絶対的な高さを使用しての代わりに、それらを毎回計算：

$('.main > .menu > img').hover(function() { 
    $(this).stop().animate({ top: '50px' }, 150); 
}, function() { 
    $(this).stop().animate({ top: '60px' }, 150); 
});