1. ホーム
  2. javascript

[解決済み] テキストエリアのスクロールバーをデフォルトで下に設定するには?

2022-11-10 14:34:23

質問

ユーザーからの入力に応じて動的に再読み込みされるtextareaを持っています。それは数秒ごとに自分自身を更新します。このテキストエリア内のテキストの量がテキストエリアのサイズを超えると、スクロールバーが表示されます。しかし、スクロールバーを下にスクロールし始めると、数秒後にテキストエリアが更新され、スクロールバーが一番上に戻ってしまうので、スクロールバーは実際には使用できません。デフォルトで一番下のテキストを表示するようにスクロールバーを設定したいのです。どなたか、そうする方法のアイデアをお持ちですか?

どのように解決するのですか?

バニラ・ジャバスクリプトで、とても簡単です。

var textarea = document.getElementById('textarea_id');
textarea.scrollTop = textarea.scrollHeight;