scrollTo不工作

Question

我正在创建一个表单它的工作很好，我有一个问题，当用户没有填写一个字段意味着我想要显示错误信息，错误消息也工作，但我想显示该特定的字段，所以我使用scrollTo函数，但它不移动…

$(document).ready(function() {
  $("#btn-submit").click(function() {
    if ($('#FranchiseeForm').valid()) {
      //alert("Sucess");
      $.ajax({
        type: "POST",
        url: "php/register-check.php",
        data: $('form#FranchiseeForm').serialize(),
        success: function(data) {
          var result = data["response"];
          console.log(result);
          if (result == 'success') {
            $('body').animate({
              scrollTop: $('#email_success')
            }); //This one working for me
            $('#email_success').fadeOut(3000);
            $(".panel-title").hide();
            $("#email_success").show();
            $('#fname').val("");
            $('#lname').val("");
            $('#email').val("");
            $('#mobile').val("");
            $('#address').val("");
            $('#countryId').val("");
            $('#stateId').val("");
            $('#cityId').val("");
            $('#pincode').val("");
            $('#capital').val("");
            $('#timeframe').val("");
            $('#location').val("");
          } else {
            $("#email_error").show();
          }
        },
      });
      return false;
    } else {
      $('body').animate({
        scrollTo: $('#address')
      }); //this code not working for me,
    }
  });
});

Answer 1

scrollTo不是.animate()中的一个选项...你可以试试

$('body').animate({
    scrollTop: $('#address').offset().top
});

或者您可以阅读有关的文章