🙌

textareaを常に最終行までスクロールさせる

2022/12/11に公開

textareaのテキストが追加されても最終行を常に表示してほしい

textareaに行を追加すると今のスクロール場所にとどまってしまうので、常に最終行を表示（追従）してほしい。

生JS

var selectTextarea = document.getElementById('選択したいtextareaのid');
selectTextarea.scrollTop = selectTextarea.scrollHeight;

プログラム例.js

var selectTextarea = $('#選択したいtextareaのid');
selectTextarea.scrollTop(
    selectTextarea[0].scrollHeight - selectTextarea.height()
);

$('#textarea_id').scrollTop($('#textarea_id')[0].scrollHeight);

は自分の環境では動かなかった。

このプログラムに問題があるのか自分に問題があるのか、Chrome拡張機能では動かす際に何かするべきことがあるのかどうかがわからないので、もし何か知っている方はコメント宜しくお願いいたします。

常にtextareaの最終行を追従してくれるようになった。