Удерживать бегунок полосы прокрутки внизу

[Stanisov]

Здравствуйте!
Подскажите пожалуйста!

Имеется <div style="overflow-y: scroll; height: 200px;">
ооооооооооооооооооооооооо ....
ввввввввввввввввввввввввв ....
ккккккккккккккккккккккккк ....
....
...
..
.
</div>

в котором бегает бегунок , когда содержимое добавляется в блок...
Как этот бегунок удерживать постоянно внизу блока... Содержимое в блок загружается динамически, и бегунок постоянно прижимается к верху.

[Stanisov]

Ну что . нет решений вообще ?

[zebra]

После добавления сделать scrollTop со сначением scrollHeight

[Pavel M.]

можно так

<div style="overflow:auto; width:220px; height:200px;"></div>

<script>

	var el = document.getElementsByTagName('div')[0];

	setInterval(function () {

		var elAdd = document.createElement('p'),
			txt = document.createTextNode('Съешь же ещё этих мягких французских булок, да выпей чаю.');

		elAdd.appendChild(txt);
		el.appendChild(elAdd);
		// elAdd.scrollIntoView(false); // плохо двигает всю страницу
		*!*el.scrollTop = 1000000;*/!*

	}, 2000); 
 
</script>

[Stanisov]

<div style="overflow:auto; width:220px; height:200px;"></div>

<script>

	var el = document.getElementsByTagName('div')[0];

	setInterval(function () {

		var elAdd = document.createElement('p'),
			txt = document.createTextNode('Съешь же ещё этих мягких французских булок, да выпей чаю.');

		elAdd.appendChild(txt);
		el.appendChild(elAdd);
		// elAdd.scrollIntoView(false); // плохо двигает всю страницу
		el.scrollTop = 1000000;

	}, 2000); 
 
</script>

Спасибо огромное! То что нужно!