表单提交后的scrollTop

Question

我使用的是BootStrap主题，其中我在页面底部有一个表单。当提交并重新加载页面时，我显示了页面顶部，因此表单不合适地在屏幕外。

HTML Anchor

在表单的action属性中使用HTML锚点不起作用，因为某些图像加载的时间比浏览器跳转到锚点要花费的时间长，所以我的页面结尾比我应该的更多。

jQuery scrollTop

我选择使用jQuery scrollTop但是当我将它放在submit事件中时，页面加载并且不会发生滚动。如何在表单提交后实现scrollTop？`

代码

$( window ).load(function() {   
    $("#someform").submit(function(){           
         $('html, body').animate({
            scrollTop: $("#someid").offset().top
        }, 2000);   
    });
});

Answer 1

试试这个：

$(window).load(function() {
    $("#someform").submit(function(e){           
        e.preventDefault();
        var submitForm = $(e.target);
        $.ajax({
            url: submitForm.attr("action"),
            data: submitForm.serialize(),
            method: submitForm.attr("method"),
            success: function(data) {
                alert("Form submitted: " + data);
            }
        }); 
    });
});