textarea根据内容自适应高度

Home文章
 简介:查看微博评论偶然发现此功能,找源码没找到,自行实现一下

先思考下,从网上查下,总结有哪几种办法

1、根据scollHeight属性,再决定设置textarea,看起来好简单。

2、根据字符\n换行+字符长度计算折行数,好心酸,心塞~

3、把内容考到一个高度自适应div下,隐藏此div取其高度为己用,寄生术么?好狠毒啊

ok 接下来从简单的尝试

屡次失败

追加padding上下计算值

解决删除行框无法回减

ok  最后成功

直接上代码

 //根据内容适应高度
 $('textarea').keyup(function (e) {
 var diff = $(this).css('padding-top')+$(this).css('padding-bottom');
 $(this).height('auto').css('overflow','hidden').height(this.scrollHeight-12);
 });

 

 

第一种简单的方法实现了,剩下两种必然是备胎了~  好悲剧~

 



评论
Login