如何滾動到新添加的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