javascript - 文本区域自动滚动到底部

Question

我有一个文本区域，我用 textarea.value += "more text\n"; 将数据附加到它，我希望它“保持”滚动到底部，所以它总是显示最后一行。

我读过我应该做的:

var textarea = document.getElementById('textarea_id');
textarea.scrollTop = textarea.scrollHeight;

但我试过了 ( http://jsfiddle.net/BenjiWiebe/mya0u1zo/ ) 但我无法让它工作。

我做错了什么？

Answer 1

每次附加文本时都需要设置scrollTop:

var textarea = document.getElementById('textarea_id');
setInterval(function(){
    textarea.value += Math.random()+'\n';
    textarea.scrollTop = textarea.scrollHeight;
}, 1000);

http://jsfiddle.net/mya0u1zo/2/