Textarea tự động cuộn xuống dưới cùng

Question

Tôi có một vùng văn bản mà tôi thêm dữ liệu vào với textarea.value += "more text\n"; và tôi muốn nó "ở lại" được cuộn xuống dưới cùng, vì vậy nó luôn hiển thị dòng cuối cùng.

Tôi đã đọc rằng tôi nên làm:

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

Nhưng tôi đã cố gắng đó (http://jsfiddle.net/BenjiWiebe/mya0u1zo/) và tôi không thể có được nó để làm việc.

Tôi đang làm gì sai?

Answer 1

Bạn cần phải thiết lập scrollTop mỗi khi bạn thêm văn bản:

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

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