入力内容に応じて高さが上方向に自動調整されるtextareaを実装したい [HTML]
Q&A
Closed
解決したいこと
<textarea></textarea> の高さを下方向ではなく、上方向に自動調整されるtextareaを実装したいです。
このように[↗] 下方向↓ に自動的に伸びるtextareaではなく、上方向↑ に自動的に伸びるtextareaを実装したいです。上方向に自動調整するtextareaの実装方法があれば教えていただきたいです。
発生している問題・エラー
なし
該当するソースコード
下方向に自動調整されるtextarea
<textarea id="textarea" rows='1'></textarea>
#textarea {
resize: none;
}
//jQuery
$("#txetarea").on("input", function(){
if ($(this).outerHeight() > this.scrollHeight){
$(this).height(1);
}
while ($(this).outerHeight() < this.scrollHeight){
$(this).height($(this).height() + 1);
}
});
自分で試したこと
下方向↓ に自動調整するtextareaは理解しているのですが、上方向↑ に自動調整するtextareaが知りたいです。何か方法があれば教えてください。よろしくお願いします
0
