ユーザーがページの特定の部分を表示しているとします。バックグラウンドで自動更新機能が実行され、ユーザーの画面の真上または真下にコンテンツが追加されているとします。
新しく追加されたコンテンツの div の ID があります。
jqueryまたはプレーンなjavascriptを使用して、新しく追加されたdivにユーザーをスムーズにスクロールするにはどうすればよいですか? すべての主要なブラウザーで動作する必要があります。
ユーザーがページの特定の部分を表示しているとします。バックグラウンドで自動更新機能が実行され、ユーザーの画面の真上または真下にコンテンツが追加されているとします。
新しく追加されたコンテンツの div の ID があります。
jqueryまたはプレーンなjavascriptを使用して、新しく追加されたdivにユーザーをスムーズにスクロールするにはどうすればよいですか? すべての主要なブラウザーで動作する必要があります。
これが私がjQueryに使用するものです
$('html,body').animate({scrollTop: jQuery("#ID").offset().top},'slow');
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');
アンカーを使用する:
<a name="newelement">.... new element stuff here ...</a>
次に、その新しい要素を指すようにページの URL を変更します。
http://example.com/yourpage.html#newelement