Как прокрутить список до нового элемента dom?

Question

Скажите, что пользователь просматривает определенную часть страницы, когда за кулисами запускается функция автоматического обновления, а прямо над или под экраном пользователя добавляется еще один контент.

У меня есть идентификатор только что добавленного контента.

Как я могу плавно прокрутить пользователя к недавно добавленному div, используя jquery или простой javascript? Должен работать во всех основных браузерах.

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');