javascript - jQuery animate() の実行が遅れています

Question

ヘッダーの画像をアニメーション化するスクリプトがあります。ユーザーが下にスクロールすると縮小し、ユーザーが一番上に到達すると拡大します。ここにあります：

function headerScroll() {
    $(window).scroll(function() {
        if($(document).scrollTop() != 0) {
            $('#headerContainer').addClass('smaller');
            $('#header img').animate({
                height: '170px',
                left: '414px',
                top: '10px'
            },200);
        } else if($(document).scrollTop() < 100) {
            $('#header img').animate({
                height: '307px',
                left: '361px',
                top: 0
            },200, function() {
                $('#headerContainer').removeClass('smaller');
            });
        }
    });
}

問題は - 時々 (常にではありません) 2 番目のアニメーションがしばらく実行されないことです。数秒待つこともあります。どうすれば防ぐことができますか？

編集: alert('test')before または afterを追加するanimateと、タイミングよく実行されました。

Answer 1

用途: $('#header img').animate().stop().animate(....
希望は仕事