如何滚动到新添加的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);

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

$('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