Javascript JQuery在完成ajax调用之前执行scroll函数

我试图利用jQuery向下滚动到单击事件的文本框。 但是scroll事件发生在函数中的ajax调用之后

$("#execute_btn").click(function(){

      $('html, body').animate({
          scrollTop: $("#scripts_execution_section").offset().top
      }, 500);

      // Ajax Synchronous call

    });

因此，它将执行Ajax调用，并且只有在响应之后才会向下滚动。 如何使其向下滚动，然后进行ajax调用

谢谢，

在jQuery.animate（）中，添加最后一个参数回调函数，以便仅在动画完成后调用

$('html, body').animate({
      scrollTop: $("#scripts_execution_section").offset().top
  }, 500,function(){

       // your ajax call here
  });

在jQuery.animate（）中，添加仅在动画完成后调用的最后一个参数回调函数

$('html, body').animate({
      scrollTop: $("#scripts_execution_section").offset().top
  }, 500,function(){

       // your ajax call here
  });