Question

我有一个名为“成功”的形式和一个div。当表格被提交时，“成功”div已被显示。

我正在尝试这样做，当表单提交时，页面滑动到“成功”div。

我的代码是。

$.ajax({
    type: "POST",
    url: "mail.php",
    data: dataString,
    success: function () {
        $('.success').show(1000).delay(5000).fadeOut();
        $("#contact-form")[0].reset();
    }
});

Answer 1

您可以在此处使用Slide Effect，如：

$('.success').show('slide').delay(5000).fadeOut();

Fiddle Demo #1

<强>更新

要滚动到success div，您可以执行以下操作：

$('html, body').animate({
    scrollTop: $('.success').offset().top
}, 'slow');

Fiddle Demo #2

Answer 2

试试这个：

$.ajax({
  type: "POST",
  url: "mail.php",
  data: dataString,
  success: function () {
  var success = $('.success'); //caching the element to enhance performance
    success.show();
    var t = setTimeout(function() {
      success.fadeOut(5000);
    },1000);
    $("#contact-form")[0].reset();
  }
});

在窗体上使用jquery将幻灯片页面提交给div

2 个答案: