如何让textarea高度自适应,其实只要让textarea的高度随着滚动高度增加就好了
获取高度
$("textarea").height()
获取滚动调试
$("textarea").scrollHeight
所以整体代码就是,注意textarea必须加overflow-y:hidden
$("textarea").keyup(function(event) { $(this).css("height","auto");//加上这句话,这样在删除的时候,textarea的Height也可以动态变化 if (this.scrollHeight > $(this).height()) {//this if is for ie $(this).height(this.scrollHeight); } });
这样写为什么可以实现这样的效果,在$(this).css("height","auto")后,跟踪一下height和scrollheight,发现height每次都会是它的初始高度,所以每次在判断的时候,保持了height的不变,而scrollheight却会随着内容的输入变化而变化,所以会实现这样的效果