如何使用body的滚动条来处理textarea

Question

如果用户输入的文本多于textarea的区域，则textrea会获得滚动条。

有没有办法让texarea扩展所以它使用了身体的滚动条？

这可以用css吗？ jquery的？

Answer 1

可以使用jQuery或纯JavaScript。

http://jsfiddle.net/UDTQ5/2/

function resize(){
    var ta = $('#ta').get(0);
    ta.style.height = (ta.scrollHeight) + 'px';
}

或者：

function resize(){
    var ta = document.getElementById('ta');
    ta.style.height = (ta.scrollHeight) + 'px';
}

Answer 2

您可以使用textarea AutoGrow plugin (Demo/Download)。

Answer 3

这样的事可能

http://jsfiddle.net/adeneo/cXQVu/

$("textarea").on('keyup', function() {
    var rows=$("textarea").val().split('\n').length;
    $(this).css('height', rows*20+'px');
});