☰

先頭に追加するときにスクロールしないようにするにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript jquery-ui jquery-plugins jquery
先頭に追加するときにスクロールしないようにするにはどうすればいいですか? 質問する

本文の上部にコンテンツを追加しています。このコンテンツの高さは 400 ～ 500 ピクセルになる場合があり、このようなコンテンツが追加されると、ページを読んでいるときにコンテンツが下に押し下げられ、非常に煩わしくなります。

「新しいアイテムを見るにはここをクリック」のような表示ではなく、アイテムが自動的に先頭に追加されるようにしたいです。

ページを移動せずに、このコンテンツを本文の先頭に追加する方法はありますか? ユーザーが一番上までスクロールすると、すでにそこに表示されますか?

ベストアンサー1

これを行う最も普遍的な方法は、変更前と変更後のドキュメントの高さを単純に測定することだと思います。

var old_height = $(document).height();  //store document height before modifications
var old_scroll = $(window).scrollTop(); //remember the scroll position

//do anything
$("p:first").prepend( "<p>I just became first</p>" );

$(document).scrollTop(old_scroll + $(document).height() - old_height); //restore "scroll position"

そうすれば、読んでいるコンテンツからウィンドウが離れることなく、何でもできるようになります :)

おすすめ記事