en el área de texto 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"); 

VIVO: http://jsfiddle.net/tGFmq/

Cómo puedo hacer que se desplace automáticamente a abajo en esta área de texto?

Answer 1

Añadir este bit en el código (de preferencia al final de lo inserta que tiene):

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

Answer 2

Ver esta demostración en vivo: here

Para el cálculo de la parte inferior scrollTop, puede simplemente reste la height del scrollHeight:

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

Luego puede configurar scrollTop en bottom, o usar amazing jQuery's animate() para una animación genial.

demostración en vivo: here

Answer 3

me di cuenta de que mi problema era que tenía el código en el lugar incorrecto. -> Colocado bajo el elemento y resolvió el problema (error de novato ....) - Solo un recordatorio para todos.