javascript - 向上动态调整文本区域的大小

Question

我正在尝试创建一个自动向上调整大小的 textarea。我有一些代码可以通过向下推底部来调整大小，但我需要它，以便文本区域中的所有内容向上移动以显示新行，并且文本区域的底部固定在其位置. (如果我没有很好地解释，请告诉我!)我目前的代码是:

document.getElementById('texttype').addEventListener('keyup', function () {
    this.style.height = 0;
    this.style.height = this.scrollHeight + 'px';
}, false);

Answer 1

Tewathia 回答了这个问题在评论中，但我认为我应该添加一个答案，以便我可以检查它。 fiddle :http://jsfiddle.net/afQmf/

HTML:

<div><textarea name="" id="texttype"></textarea></div>

CSS:

    div {
    position:relative;
    height:200px;
}

   #texttype {
    width:200px;
    position: absolute;
    bottom:0;
}

Javascript:

    document.getElementById('texttype').addEventListener('keyup', function () {
    this.style.height = 0;
    this.style.height = this.scrollHeight + 'px';
    }, false);