Hatena::Groupsubtech

ういはるかぜの化学

Tuesday, June 23, 2009

Re: overflow-y:scrollな要素を一番下までスクロールする 18:45  Re: overflow-y:scrollな要素を一番下までスクロールする - ういはるかぜの化学 を含むブックマーク はてなブックマーク -  Re: overflow-y:scrollな要素を一番下までスクロールする - ういはるかぜの化学

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

普通に 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()" />
トラックバック - http://subtech.g.hatena.ne.jp/mayuki/20090623