javascript - 下部のウィンドウに新しいアイテムが入力されるたびに、スクロール バーがbottoop mに移動する必要があります

Question

プロジェクトにチャット コントロールのようなコントロールがあり、新しいメッセージが下部に入力されるたびにスクロール バーを下部に設定する必要があります。現在、メッセージは追加されていますが、スクロール バーの位置は変わりません。ScrollTop を 9999999 に設定するなど、StackOverflow で指定されたすべてのソリューションを試しました。動的に増加しているため、コンテナーの幅に設定できません。助けてください。

Answer 1

html prop scrollHeight を使用し、コンテナ scrollTop を設定する必要があります。

insertMessage = function(message) {
  $('#chat ul').append('<li>' + message + '</li>');
  var height = document.getElementById('chat-dialog').scrollHeight;
  $('#chat').scrollTop(height);
};