回调javascript动画

Question

我有一个java脚本动画，可以平滑地滚动到页面顶部。在动画结束时，我有一个.focus（）函数，专注于表单字段。重点是引起一些急动。经过研究，我发现我可以通过回调动画来解决这个问题。我不知道该怎么做。非常感谢任何帮助。

  $(".scroll").click(function(event){
     event.preventDefault();
     //calculate destination place
     var dest=0;
     if($(this.hash).offset().top > $(document).height()-$(window).height()){
          dest=$(document).height()-$(window).height();
     }else{
          dest=$(this.hash).offset().top;
     }
     //go to destination
     $('html,body').animate({scrollTop:dest}, 1000,'swing');

     $('input#Name_First').focus();
 });

http://jsfiddle.net/1kbph7q3/

Answer 1

您对问题的评论都是正确的。

继承人工作的JS小提琴：http://jsfiddle.net/got29e9v/1/

1. 第一个错误是锚链接需要.scroll。
类
2. JS小提琴也没有使用JQuery，你的JavaScript试图使用它。
3. 我在animate方法上添加了一个回调函数。这在动画完成时调用。

希望有所帮助。