How to scroll to a newly added dom element?

Question

Say the user is viewing a particular part of the page, when behind the scenes an auto update feature runs, and right above or below the user's screen some more content is added.

I have the id of the newly added content's div.

How can I smoothly scroll the user to the newly added div using jquery or plain javascript? Must work in all major browsers.

Answer 1

这是我用于jQuery的内容

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

Answer 2

I think, this should work...with jquery.

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

UPDATE : smooth scrolling can be achieved with this:

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

Answer 3

Use an anchor:

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

then change the page's URL to point at that new element:

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