滚动到一个div后jQuery的形式提交

Question

我已经测试所有滚动到DIV ID的方式，但不工作，我知道是什么问题，但我不知道是什么，这是我的jQuery脚本

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

$("#myForm").validate({ 
     rules: { 
     page: { 
      required: true, 
      url: true 
     }, 
     link: { 
      required: true, 
      url: true 
     } 
     }, 
     submitHandler: function(form) { 
     $.post($("#myForm").attr("action"), $("#myForm :input").serializeArray(), 
     function(info){ 
      $("#result").html(info); 
     }); 

     clearInput(); 

     $("#myForm").submit(function() { 
      return false; 
     }); 
        } 
    }); 
}); 

function clearInput() { 
    $('html, body').animate({ 
     scrollTop: $("#result").offset().top 
    }, 2000); 
} 

我不知道是否有东西混合的东西，但jQuery不滚动我测试scrolltop()函数在一个新的PHP文件，并正常工作，但是当我在这个文件上使用它不。

UPDATE：

感谢您的帮助netblognet我已经得到了它，我有这样的：

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

    $("#myForm").validate({ 
      rules: { 
      page: { 
       required: true, 
       url: true 
      }, 
      link: { 
       required: true, 
       url: true 
      } 
      }, 
      submitHandler: function(form) { 
      $.post($("#myForm").attr("action"), $("#myForm :input").serializeArray(), 
      function(info){ 
       $("#result").html(info); 
       //$(this).animate(function(){ 
       $('html, body').animate({ 
        scrollTop: $("#result").offset().top 
        }, 2000); 
      //}); 
      }); 


      $("#myForm").submit(function() { 
       return false; 
      }); 
         } 
     }); 
}); 

我把代码放在同一个地方的收入结果：d

Answer 1

你必须在提交的回调中运行你的动画。初始函数运行时触发回调。 （在这种情况下为提交功能）。

$("#myForm").submit(function() { 
    $('html, body').animate({ 
     scrollTop: $("#result").offset().top 
    }, 2000); 
    return false; 
}); 

如果您的表单是动态加载的，则必须附加处理程序。

$('#myForm').on('submit', function() { 
    $('html, body').animate({ 
     scrollTop: $("#result").offset().top 
    }, 2000); 
    return false; 
});