jquery，不知道爲什麼動畫高度不能按預期工作

Question

我試圖讓下面的代碼工作。

當用戶滾動到點x時，菜單包裝的高度降低。他們可以通過點擊.extender來恢復高度。點擊此鏈接後，鏈接消失（所以沒有切換功能）。

我看到切換往往是類似用例的解決方案，我最好想知道如何解決這個問題，以及爲什麼我的代碼不起作用。

$(document).scroll(function(){ 
    var height = $('div#zone-menu-wrapper').height(); 
    if (some_logic){ 
     $('div#zone-branding-wrapper').animate({height: 10}, 1500); 
    } 
}); 

$('.extender').click(function(){ 
    $('div#zone-branding-wrapper').animate({height: 380}, 1500); 
    return false; 
}); 

Answer 1

如果動畫已在進行中，則返回。

var inProgress = false; 
$(document).scroll(function(){ 
    if(inProgress)return; 
    var height = $('div#zone-menu-wrapper').height(); 
    if (some_logic){ 
     inProgress = true; 
     $('div#zone-branding-wrapper').animate({height: 10}, 1500, function(){ 
        inProgress = false; 
     }); 
    } 
}); 

$('.extender').click(function(){ 
    $('div#zone-branding-wrapper').animate({height: 380}, 1500); 
    return false; 
});