javascript - 如何滚动到新添加的 dom 元素？

Question

假设用户正在查看页面的特定部分，当幕后运行自动更新功能时，在用户屏幕的正上方或正下方添加了更多内容。

我有新添加内容的 div 的 id。

如何使用 jquery 或纯 javascript 将用户平滑滚动到新添加的 div？必须在所有主流浏览器中工作。

Answer 1

这是我用于 jQuery 的内容

$('html,body').animate({scrollTop: jQuery("#ID").offset().top},'slow');

Answer 2

我认为，这应该工作......与jquery。

$(window).scroll($('#newly-added-elem').offset().top);

更新：可以通过以下方式实现平滑滚动：

$('body').animate({scrollTop: $('#newly-added-elem').offset().top},'slow');

Answer 3

使用锚：

<a name="newelement">.... new element stuff here ...</a>

然后将页面的 URL 更改为指向该新元素：

http://example.com/yourpage.html#newelement