textarea高度随文本内容变化,且不出现滚动条

Html代码部分:

备注:

Css代码部分:

.info-textarea {
        border: 0px;
        background-color: white;
        width: 514px;
        height: 125px;
        resize: none;
        text-indent: 25px;
}

JavaScript代码部分:

//textarea高度随文本内容变化,且不出现滚动条
$('textarea').each(function () {
    this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
}).on('input', function () {
    this.style.height = 'auto';
    this.style.height = (this.scrollHeight) + 'px';
});

最终效果:

textarea高度随文本内容变化,且不出现滚动条_第1张图片

 

你可能感兴趣的:(知识分享,代码实例,JavaScript,Html,CSS,JavaScript)