ilerleyin aşağı textarea jQuery ile

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"); 

CANLI: http://jsfiddle.net/tGFmq/

nasıl ben otomatik olarak aşağı bu textarea kaydırma yapmak olabilir?

Answer 1

(tercihen sahip ekler ne olursa olsun sonunda) kodunuzu bu bit ekleyin:

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

Answer 2

bu Canlı Demo bakınız: here

alt scrollTop hesaplamak için tek yapmanız gereken çıkarabilirsinizheightscrollHeight den:

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

Sonra scrollTop'unu bottom olarak ayarlayabilir veya harika animasyon için harika jQuery's animate() kullanabilirsiniz.

Canlı Demo: Ben sorunu fark here

Answer 3

ben yanlış yerde kod vardı. -> Öğenin altına yerleştirildi ve çözülmesi gereken problemi çözdüm (çaylak hatası ....) - Sadece herkese bir hatırlatma.