jQuery：如何等待scrollTop動畫完成之前要做的事情？

Question

所以我遇到了很多這樣的話題，但是沒有一個能解決我的問題。 我想要的功能是，當用戶滾動到下一頁時，用戶必須先等待scrollTop動畫到達其目標位置，然后再執行其他操作。 請幫我這個代碼。

我的jQuery代碼是這樣的：

if(status == 1 ) {
    $('html,body').animate({scrollTop: $("#b2").offset().top},900);
    prev.style.display = "block";
    b1Slide_b('b1');
    b1Slide('b2');
    status = 2;
} else if(status == 2) {
    $('html,body').animate({scrollTop: $("#b3").offset().top},900);
    b1Slide_b('b2');
    b1Slide('b3');
    status = 3;
}

Answer 1

動畫完成時，jQuery的動畫具有回調。 您可以通過在duration參數之后添加一個函數來使用此功能，例如

$('html,body').animate({scrollTop: $("#b2").offset().top},900, function() {
  //EXECUTES WHEN ANIMATION COMPLETES
});

有關更多信息，請訪問http://api.jquery.com/animate/和https://jsfiddle.net/Lmf78jqd/