この一文をjavascriptに変換したいです

#わからないこと
以下の一文をjavascriptに変換したいです

js
1$('#chat-messages').scrollTop($('#chat-messages')[0].scrollHeight);
2
3

やろうとしていることとしては、div(chat-message)内の一番したに送信されたメッセに焦点がいくようにスクロールを常に一番下にしたいです。

#調べたこと、試したこと

ScrollTop→Elementの一番上からのスクロール量をピクセル単位で設定や取得できる
scrollHeight→スクロール分を含めた全体の高さを取得するプロパティです。

以上を踏まえ、自分なりにJavascriptに直してみたのですが、同じような挙動になりませんでした。

js
1     const chat=document.getElementById("chat-messages");
2     let height=chat.scrollHeight 
3     chat.scrollTop＝height；

#おわりに
完全素人ですが何卒よろしくお願いします。

2021/04/29 02:49

jQueryからES6かなにか最近のブラウザで動くJavaScriptで書き直したいということですね。

2021/04/30 06:52

ご返信ありがとうございます！問題なく正常に稼働しました。お騒がせして申し訳ありません

2021/05/01 05:45

まだ質問が「受付中」になっていますが、どのように解決したのかを回答文に書き、「解決済」にされてはいかがでしょうか。

2021/05/01 12:26

申し訳ありません！！！変更しました

行動規範の内容に同意します

回答1件

ベストアンサー

試されたことの再検証はしていませんが、やりたい事は

javascript
1document.getElementById("setVICbodyDiv").scrollTop=document.getElementById("setVICbodyDiv").scrollHeight;

でしょうかね？

投稿2021/04/30 20:07

総合スコア189

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問