overflow-y:scrollな要素を一番下までスクロールする - ぼくはまちちゃん！

こんにちはこんにちは…！ 突然だけど今日はちょっぴりテンション低めに、 要素のスクロールについてのお時間なんです…！ ぺろ ぺろぺろ ぺろぺろ ぺろぺろ ぺろぺろ <div style="height:4em; overflow-y:scroll"> <ul id="peroZone"> <li>ぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> </ul> </div> <input type="button" value="ぺろライン追加" onclick="add()" /> ↑なんかこういうやつがあって…、 ボタンを押すたびに、ぺろぺろエリアの一番下に行が追加されるような仕掛けを作りたいとき…・。 <script> function add() { // 行を追加するよ var peroZone = doc

[akymrk]

オンザフライで要素追加したら、追加した要素の位置までスクロール。scrollTop/scrollHeightプロパティ使う。コメント欄

[ntaku]

自動で最下部に貼付ける方法

[nishiyaman]

ぺろぺろ

[hoge_systemz]

ダミーのinputにfocusとは、さすが。

[iww]

ぺろライン追加問題

[Kanasansoft]

scrollTopとclientHeightでできないかな。

[tagomoris]

なんで「ぺろぺろ」ｗ

[sigh1175]

なんで「ぺろぺろ」ｗ

[HolyGrail]

後で考える