[解決済み】ページロード時にDivの一番下までスクロールさせる（jQuery）

質問

私のページにdivがあります。

<div id='div1' style='overflow:scroll;overflow-x:hidden;max-height:200px;'></div>

divの下までスクロールするようにするにはどうしたらいいですか？ページではなく、DIVだけです。

解決方法を教えてください。

ここで紹介する他の解決策は、コンテンツがたくさんある div では実際には機能しません -- div の高さまでスクロールダウンすると "maxes" (代わりに コンテンツ を使用します。） ですから、divの中に高さの2倍以上のコンテンツが入っていない限り、動作します。

正しいバージョンはこちらです。

$('#div1').scrollTop($('#div1')[0].scrollHeight);

またはjQuery 1.6+バージョン。

var d = $('#div1');
d.scrollTop(d.prop("scrollHeight"));

あるいはアニメーション。

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