textarea 高度自适应
2013-09-12 22:20
183 查看
如何让textarea高度自适应,其实只要让textarea的高度随着滚动高度增加就好了
获取高度
获取滚动调试
所以整体代码就是,注意textarea必须加overflow-y:hidden
这样写为什么可以实现这样的效果,在$(this).css("height","auto")后,跟踪一下height和scrollheight,发现height每次都会是它的初始高度,所以每次在判断的时候,保持了height的不变,而scrollheight却会随着内容的输入变化而变化,所以会实现这样的效果
获取高度
$("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却会随着内容的输入变化而变化,所以会实现这样的效果
相关文章推荐
- js监听textarea文本域变化使高度自适应
- 自适应高度的 textarea
- div模拟实现textarea(高度自适应)
- js实现textarea自适应高度
- <textarea/>输入框自适应高度
- textarea自适应高度
- Textarea 高度自适应 根据内容自适应高度
- textarea如何实现高度自适应
- textarea如何实现高度自适应
- Textarea根据内容自适应高度
- Javascript 文本框textarea高度随内容自适应增长收缩
- textarea 高度自适应
- textarea自适应高度
- jquery实现textarea 高度自适应
- 左边label随着右边textarea高度自适应
- textarea 高度自适应
- textarea自适应高度
- 使用div创建textArea无滚动条高度自适应
- 关于Element的textarea自适应高度
- textarea高度自适应