Scorrere fino a giù in textarea con 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/

Come posso fare scorrere automaticamente nel presente textarea?

Answer 1

Aggiungere questo bit al codice (preferibilmente alla fine di qualsiasi inserti avete):

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

Answer 2

Vai a questa demo dal vivo: here

Per calcolare il fondo scrollTop, si può semplicemente sottrarre il height dal scrollHeight:

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

Quindi puoi impostare la sua scrollTop su bottom oppure utilizzare lo straordinario jQuery's animate() per animazioni fantastiche.

Demo Live: here

Answer 3

ho realizzato il mio problema era che avevo il codice nel posto errato. -> Posizionato sotto l'elemento e risolto il problema (errore del principiante ....) - Solo un promemoria per tutti.