常にスクロールを最下部に

質問

写真のように上からテキストが表示されるんですが、常にスクロールを最下部にするにはどうしたらいでしょう？

回答No.2

AsarKingChang · ベストアンサー

ちなみ！！そもそも作り方間違ってますからね＾＾
こういう場合、一番下の行に、DOM要素として
メソッドを動的に結合するべきですよ。
で、結合することで、スクロール位置が確定するので、
そこにスクロールさせればいい事と、
それらが、わから～ん！ってときは、
FRAMEを使うといいです。
古い化石WebChatではよくその手法を使っていましたが、
今では、ほぼ使わないやり方ではあります。
なぜかというと、
１～５行目まである時に、6行目を追加？
しかし、このやり方では、変化していない１～５行目まで
読み込んでしまうので、オーバーヘッド（無駄）が
発生してしまうので、遅くなるだけなのです。
ついでに言えば、Sendボタンは、一番下になるとは
思いますよ。発言が、「下」結合なら。

その辺を考慮して作れば、いい感じに仕上がりますよ～～

お礼

すみません、お礼をしたつもりが出来ていませんでした、ありがとうございました。

回答No.1

retorofan

[send」ボタンがあることから
form要素が在ると推定しての回答です。

document.form1.onchange = function(){
const element = document.querySelector("#scrollArea");
element.scrollIntoView(false); //上端なら true
}

フォーム名、スクロール領域は、作成されている要素名を
適用してください。
また、フォームにonchangeが在るなら、
そのコードの末尾に追記してください。

お礼

ありがとうございました