在ajax成功方法后链接到一个元素
Link to an element after in ajax success method
所以我做了一个ajax请求我的表单。它将信息存储在数据库中,然后隐藏表单并显示一条感谢消息。但是,我需要浏览器快速响应新的感谢信息。
就像在普通页面上一样你可以这样做:
<a href="www.mywebsite.com/#test"></a>
<div id="test"></div>
如果你点击那个链接它就会把你固定到元素上
我如何在我的ajax成功方法自动做到这一点?
类似这样的代码应该可以达到这个效果:
var messagePos = $("#test").offset();
window.scrollTo(0, messagePos.top);
offset()
函数获取元素相对于文档的位置。然后window.scrollTo()
函数移动到文档中指定的x和y位置。在本例中,x为0,y为消息div的顶部。
基本上,在成功回调中你需要有这样的东西:
$.ajax({
// ...
success: function() {
$('html, body').animate({
scrollTop: $("#thankyou").offset().top
}, 0);
}
});
如果你想让它平滑,你只需将0
更改为500
(半秒)。
相关文章:
- 使用clickToggle并在单击另一个元素时关闭元素
- 表追加而不附加最后一个元素
- 滚动到容器中的下一个元素-几乎到了
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- 按我自己的类克隆另一个元素的内容和顺序
- Javascript获取上一个元素的内容
- 如何通过HTML+CSS中的另一个元素Selector更改元素的属性值
- 在数组中的一个元素上设置多个值
- 无法选择除一个元素外的所有元素
- 使用jquery contains获取一个元素并添加类
- $(.class).empty总是缺少一个元素
- jQuery-将列表项的一个元素移动到同一项的另一个元素中+对我的列表中的每个项执行此操作
- 如何在一个元素动画之后延迟
- jQuery转盘下一个元素没有滑入
- jquery从另一个元素中移除移除
- DIV怎么能像Javascript中的另一个元素一样工作呢
- 当知道同一hiearch中至少有一个元素时,遍历到元素.结构使用jquery
- 使用数据属性将HTML数据复制到另一个元素
- 如何选择给定类的上一个元素
- 动态修改一个元素,使其与给定的选择器匹配