h5如何實作textarea根據輸入内容自适應高度
webApp的開發經常會在有評論的功能,textarea會随内容的增加自動增加元素的高度。
實作效果如圖:
:
1.在底部設定fix的附件元素div,包含評論textarea
2.為textarea設定内容變化事件,當textarea換行時更改textarea高度 ,當textarea的高度增加時,附件元素 div的高度也随着增加。
實作代碼:
html:
<div style="width: 100%;height: auto;background: #dddddd;position: fixed;bottom: 0;">
<div style="width: 100%;position: relative;height: auto;">
<textarea id="leaveAMsg" placeholder="請輸入留言"></textarea>
</div>
<img src="../../img/news/com