2013-02-17 14 views
14

私はテキストでいっぱいにチャットのようなdivを持つページがあります。固定された高さと幅(cssで定義されています)を持ちます。私はそれがすべての更新時に一番下までスクロールする必要がjQuery Divの下部にスクロールして更新した後でも?

は、ここで私は、これまで使用してきたJSです:

$("#div1").animate({ scrollTop: $('#div1').height()}, 1000); 

それはしばらくのために働くと、突然停止した...私はそれが何かを持っているかもしれないと思いますdivのために私の設定された高さと関係がありますか?よく分かりません。

だから私は、事前に

おかげで(内容はjQueryの/ AJAX機能を使用して更新される)、それのコンテンツの一番下までスクロールするdivを確保するために何を行うことができます!

EDITは:

答えて

37

はあなたが.scrollHeightてみました...私はまた、$("#div1").animate({ scrollTop: $('#div1').height()}, 0);を試みたが、それはまだ、ある時点でスクロールを停止します。

$("#div1").animate({ scrollTop: $("#div1")[0].scrollHeight}, 1000); 

scollHeight documentation at MDN

+0

感謝を!シンプルで効果的! – user115422

+0

あなたを助けてくれてうれしい。 – Jai

+6

$( "#div1")。animate({scrollTop:$( "#div1")[0] .scrollHeight}、1000); – peteski

関連する問題