天天看点

h5如何实现textarea根据输入内容自适应高度

h5如何实现textarea根据输入内容自适应高度

        webApp的开发经常会在有评论的功能,textarea会随内容的增加自动增加元素的高度。

实现效果如图:

h5如何实现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
           

继续阅读