divを自動スクロールしてもスクロールアップする方法

Question

私は現在、ユーザーがメッセージを送信し、メッセージングボックスのような画面に表示されるプロジェクトに取り組んでいます。最新のものはdiv（#MESSAGES）の一番下にあり、JS自動スクロールダウンをdivにすると分かりやすくするためです。

setInterval(function(){ 
$("#MESSAGES").scrollTop($("#MESSAGES")[0].scrollHeight); 
}, 800); 

ユーザーがスクロールして前のメッセージを見るまで、スクロールダウンは完全に機能します。コードの部分は、ユーザーがそれを読むことを許可せずにdivをスクロールダウンし続けます。

Q：ユーザーがスクロールして以前のメッセージを表示しない限り、新しいメッセージが送信されるたびにdivをスクロールできるようにする方法はありますか？

ありがとうございます！

Answer 1

1. （ 'スクロールします。 '）

   $のdivの内側の高さを計算します（' scrollHeight'）を支えます。

2. スクロール所望の値にスクロールバー

   $（ 'スクロールします。'）scrollTopスプライト（200）。

3. jQueryのコード

   $（ドキュメント）.ready（関数（）{ $（） 'スクロール 'scrollTopスプライト（$（）プロプ（ 'scrollHeight'））。' スクロール';。 }）;

4. HTMLコード

   のdivクラス= "スクロール" スタイル= "高さ：200pxの、オーバーフロー-Y：スクロール" ..