Cuộn xuống dưới trong textarea với jQuery

Question

<h2>Greetings</h2> 
<div class="container"> 
    <div class="inner"> 
    Hello 
    <p>Test</p> 
    </div> 
    <textarea id="one" class="inner"> 
    Goodbye 
</textarea> 
</div> 

$("#one").append("your text to append"); 
$("#one").append("your text to append"); 
$("#one").append("your text to append"); 
$("#one").append("your text to append"); 

LIVE: http://jsfiddle.net/tGFmq/

thế nào tôi có thể làm cho tự động cuộn xuống dưới trong textarea này?

Answer 1

Thêm chút này để mã của bạn (tốt nhất là ở phần cuối của bất cứ điều gì chèn bạn có):

var psconsole = $('#one'); 
    if(psconsole.length) 
     psconsole.scrollTop(psconsole[0].scrollHeight - psconsole.height()); 

Answer 2

Xem Demo sống này: here

Để tính toán đáy scrollTop, bạn có thể chỉ đơn giản là trừ các height từ scrollHeight:

var oneDiv = $("#one"); 
bottom = oneDiv.prop('scrollHeight') - oneDiv.height() 

Sau đó, bạn có thể đặt scrollTop thành bottom hoặc sử dụng hình ảnh tuyệt vời jQuery's animate() cho hoạt ảnh thú vị.

Live Demo: here

Answer 3

tôi nhận ra vấn đề của tôi là tôi có mã ở nơi không chính xác. -> Đặt theo yếu tố và có vấn đề để giải quyết (sai lầm tân binh ....) - Chỉ là một lời nhắc nhở cho tất cả.