LINE風チャットアプリの投稿スクロールについて

Railsにて下記の画像のようなチャット風アプリについて、

実装内容は後日記入するが、

新規投稿をしたらどんどんスクロールしていく、かつ新規投稿メッセージが投稿されたらそこにスクロールされていくような実装について

CSSにて画面の縦幅を設定し、overflow: scroll;にて対象の画面がスクロールされる。

#chats{

overflow: scroll;

height: 80vh;

width: 50vw;

}

さらに、新規投稿メッセージを投稿するとその投稿にスクロールされるには

jQueryの設定が必要

例えば、下記の様に追加をしたとしたら

$("#log").append("コンテンツ");

出力したエリアまで向かうには下記のように実装

$("#log").scrollTop( $("#log")[0].scrollHeight );

こちらで新規投稿メッセージまでスクロールされる。