Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Удерживать бегунок полосы прокрутки внизу (https://javascript.ru/forum/jquery/25063-uderzhivat-begunok-polosy-prokrutki-vnizu.html)

Stanisov 24.01.2012 12:24

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

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

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

Stanisov 24.01.2012 15:20

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

zebra 24.01.2012 15:37

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

Pavel M. 24.01.2012 15:59

можно так

<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 24.01.2012 16:09

Цитата:

Сообщение от Pavel M. (Сообщение 152514)
можно так

<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>

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


Часовой пояс GMT +3, время: 05:17.