如何滾動到新添加的dom元素？

Question

假設用戶正在查看頁面的特定部分，當後臺運行自動更新功能時，正好在用戶屏幕的上方或下方添加更多內容。

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

如何使用jquery或純javascript將用戶平滑滾動到新添加的div？必須在所有主流瀏覽器中運行。

Answer 1

這是我使用jQuery的

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

Answer 2

使用錨：

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

然後更改頁面的URL在新的元素指向：

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

Answer 3

我認爲，這應該工作...與jQuery。

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

UPDATE：平滑滾動可以實現這一目標：

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