javascript - jQuery : How to wait scrollTop animation to finish before do something?

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 的 animate 有一个动画完成时的回调。例如，您可以通过在持续时间参数后添加一个函数来使用它

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

有关更多信息，请查看 http://api.jquery.com/animate/和 https://jsfiddle.net/Lmf78jqd/