ういはるかぜの化学

■ Re: overflow-y:scrollな要素を一番下までスクロールする 18:45

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

普通に scrollIntoView メソッドじゃダメなのでしょうか?

<script>
function add() {
	// 行を追加するよ
	var peroZone = document.getElementById('peroZone');
	var li = document.createElement('li');
	li.appendChild(document.createTextNode('追加されたぺろ。'));
	peroZone.appendChild(li);

	li.scrollIntoView();
}
</script>

<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()" />