jquery：如何在做某事之前等待 scrollTop 动画完成？答案

【问题标题】：jquery : How to wait scrollTop animation to finish before do something?jquery：如何在做某事之前等待 scrollTop 动画完成？
【发布时间】：2016-07-13 17:01:33
【问题描述】：

所以我遇到了很多这样的话题，但没有一个能解决我的问题。我想要的功能是当用户滚动到下一页时，用户必须等待 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;
}

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

Jquery 的动画在动画完成时有一个回调。例如，您可以通过在持续时间参数之后添加一个函数来使用它

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

【讨论】：