Question

所以我为我的表单发了一个ajax请求。它将信息存储在数据库中，然后隐藏表单并显示感谢信息。但是我需要浏览器抢购新的感谢信息。

所以在普通页面上你可以这样做：

<a href="www.mywebsite.com/#test"></a>
<div id="test"></div>

因此，如果您单击该链接，则会将您捕捉到该元素。

如何在我的ajax成功方法中自动执行此操作？

Answer 1

这样的事情可以解决问题：

var messagePos = $("#test").offset();
window.scrollTo(0, messagePos.top);

offset()函数获取元素相对于文档的位置。然后window.scrollTo()函数移动到文档中指定的x和y位置。在这种情况下，x为0，y为消息div的顶部。

Answer 2

所以基本上，在成功回调中你必须有这样的东西：

$.ajax({
    // ...
    success: function() {
        $('html, body').animate({
            scrollTop: $("#thankyou").offset().top
        }, 0);
    }
});

如果您希望它平滑，您只需将0更改为500（半秒）。

在ajax成功方法

2 个答案: