スクロールまでテキストエリアで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/

がどのように私は自動的にダウンこのテキストエリアでスクロールすることができますか？

Answer 1

（好ましくは、あなたが持っているインサート何の終わりに）あなたのコードに、このビットを追加します。

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

Answer 2

はこのライブデモを参照してください：下scrollTopを計算するにはhere

を、あなたは、単に減算することができますheightscrollHeightから：

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

次に、scrollTopをbottomに設定するか、すばらしいアニメーションにすばらしいjQuery's animate()を使用します。

ライブデモ：here

Answer 3

私は私の問題は、私は間違った場所にコードを持っていたことに気づきました。 - >要素の下に配置され、解決する問題が（ルーキーミス....） - すべての人に思い出させる。