コンテンツがdivに追加されると自動的にスクロールできますか？

Question

私はいくつかのJavaScript関数が時間の経過と共にテキストを配置する固定次元のdivを持っています。テキストの量がボックスの高さを超えると、オーバーフロー：スクロールによってスクロールバーが表示されます。

新しい問題は、divへの表示がより多くのコンテンツが表示されるのと同じ場所にとどまることです。私が言いたいことは、手動でスクロールダウンしない限り、下に表示されるコンテンツが増えるにつれてスクロールされたままになることです。新しいコンテンツが表示されると自動的に下にスクロールして、最も古いものの代わりに最近登場したものを自然に表示するようにしたいと考えています。

アイデア？

Answer 1

あなたは、各テキスト添加後scrollTopメソッドを使用することができます。

$("div").scrollTop($("div").children().height()); 

は真の高さを得るために、内側のブロックを使用してください。

DEMO：http://jsfiddle.net/eyY5k/1/

Answer 2

私は、このアプローチは、私のニーズに合わせて機能することが分かっ：

var realHeight = $("#history")[0].scrollHeight; 
$("#history").scrollTop(realHeight); 

が、これはjqueryのを使用しています注意してください。