jqueryで.prependで要素を追加した後、追加した要素へ移動しない方法を教えてください。

Question

webviewでタイムラインを作成しています。その中で、上に移動した際、タイムラインの情報を.prependメソッドを追加して
います。facebookで言えば、messagerみたいな動きにしたいです。
ちなみに、下に移動した際は.appendで追加しています。

ここで、質問です。タイムラインで上に移動した際、.prependでタイムラインの情報を追加した後、追加した情報のトップまで移動してしまいます。いわかんがあります。

やりたいことは、.prependでデータを追加した際、追加した要素に移動しないようにしたいです。
ご教授をお願いします。

Answer 1

1. prependする前の一番上の要素(Aとする)を取っておく
2. prependする
3. prependしたあとのAの位置を計算し、$(document).scrollTop()を使ってスクロールする

ここに参考になるStackOverflowの記事があります。

https://stackoverflow.com/questions/9834143/jquery-keep-window-from-changing-scroll-position-while-prepending-items-to-a-l

Comments

[UekiKouji]

ご回答ありがとうございます。