HTML网页中textarea的高度自适应怎么实现

Answer 1

可以通过js去写，求采纳

$.fn.autoTextarea = function (options){  
    var defaults = {  
        maxHeight:null,  
        minHeight:$(this).height(),
    };  
    var opts = $.extend({}, defaults, options);  

    return $(this).each(function (){  
        var _this = $(this);  
        _this.bind('paste cur keydown keyup focus blur', function (){  
            var height, style = this.style;  
            style.height = opts.minHeight + 'px';  
            if(this.scrollHeight > opts.minHeight){  
                if(opts.maxHeight && this.scrollHeight > opts.maxHeight){  
                    height = opts.maxHeight;  
                    style.overflowY = 'scroll';  
                }else{  
                    height = this.scrollHeight;  
                    style.overflowY = 'hidden';  
                }  
                style.height = height + 'px';  
            }  
        });  
    });  
}  
$(function(){
$('textarea').autoTextarea({maxHeight:400});
});