滾動到一個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; 
});