Biegral Blog

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/comment.png" id="tocomment"
						style="position: fixed;width: 20px;height: 20px;left: 57%;bottom: 15px;" >
					&