在AJAX请求后停止滚动到顶部

Question

可能重复:
当单击一个触发javascript的链接时,如何阻止网页滚动到顶部？

我的浏览器在ajax请求之后滚动到顶部然后我使用

 $('html, body').animate({ scrollTop: $('#loadMore').offset().top }, 2000);

滚动回我的div.有没有办法阻止它从头开始滚动到顶部

Answer 1

你应该添加return false到你的ajax调用函数的末尾.或者在内联电话结束时:

<a href="#" onclick="someAjaxCall(); return false">Link</a>

Answer 2

如果你通过锚点击调用ajax,试试这个:

<a id="clicker" href="#">Click here to do ajax</a>

$('#clicker').click(function(e) { e.preventDefault(); $.get("/myurl/") })

Answer 3

使用 jQuery 附加事件处理程序（而不是使用 onclick 属性）并完全删除 href 属性。问题是单击链接时浏览器正在导航。当使用 onclick 并且在阻止默认值之前事件处理程序中存在错误时，我发现这种情况经常发生。

另一种修复它的方法是不使用 <a> 而是使用 <span>。