[解決済み] テキストエリアのスクロールバーをデフォルトで下に設定するには?
2022-11-10 14:34:23
質問
ユーザーからの入力に応じて動的に再読み込みされるtextareaを持っています。それは数秒ごとに自分自身を更新します。このテキストエリア内のテキストの量がテキストエリアのサイズを超えると、スクロールバーが表示されます。しかし、スクロールバーを下にスクロールし始めると、数秒後にテキストエリアが更新され、スクロールバーが一番上に戻ってしまうので、スクロールバーは実際には使用できません。デフォルトで一番下のテキストを表示するようにスクロールバーを設定したいのです。どなたか、そうする方法のアイデアをお持ちですか?
どのように解決するのですか?
バニラ・ジャバスクリプトで、とても簡単です。
var textarea = document.getElementById('textarea_id');
textarea.scrollTop = textarea.scrollHeight;
関連
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] スクロールバーを隠すが、スクロールはできる状態
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] divの一番下までスクロールしますか?
-
[解決済み] HTMLページでスクロールバーを非表示にする
-
[解決済み] jQueryでtextareaの値を設定する
-
[解決済み】JavaScriptの関数にデフォルトのパラメータ値を設定する
-
[解決済み] JavaScriptで次の要素/前の要素を取得しますか?
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] jQueryで入力ファイルが空かどうかをチェックする方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ジェスト あるクラスの特定のメソッドをモックする方法
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] チェックボックスが選択されているかどうかを確認するjQuery
-
[解決済み] TypeScriptプロジェクトで既存のC#クラス定義を再利用する方法
-
[解決済み] AJAX Mailchimp サインアップフォームの統合
-
[解決済み] jQueryで入力ファイルが空かどうかをチェックする方法
-
[解決済み] CORS: 認証モードは 'include' です。
-
[解決済み] 文字列とラベルのローカライズとグローバリゼーションのベストプラクティス【終了しました
-
[解決済み] JSHintの'+'前の改行不良の説明
-
[解決済み] jQueryのバージョン1、バージョン2、バージョン3の違いは何ですか?[クローズド]