VPF::определить момент максимальной прокрутки DIV'a

jone31

Дата 16.2.2013, 00:04 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 343
Регистрация: 29.11.2008

Репутация: нет
Всего: нет

на странице есть DIV с прокруткой.
в него по ajax периодически подгружаются данные...
структура такая:

Код


<div style="width:300; overflow:auto;">
<p>данные 1</p>
<p>данные 2</p>
<p>данные 3</p>
</div>

но вот один трабл мешает: если я читаю запись где то в середине div'a то при ajax добавлении div скроллит в самый низ...

этот трабл планирую устранить так:

Код


if( div.scrollTop() == max_scroll_top ){ div.scrollTop(99999); } else { /* ничего не делать */ }

т.е. если див прокручен мной до конца, то при добавлении новых записей автоскрол вниз... иначе ничего не делать.

но вот не пойму как высчитывается max_scroll_top у div'a ?

Это сообщение отредактировал(а) jone31 - 16.2.2013, 00:07

ksnk

Дата 16.2.2013, 09:08 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

scrollTop + height == scrollHeight

Вероятно, будет определенная броузерозависимость по размерам паддингов и возможных горизонтальных скроллеров, так что на 20 `недокрученных` пикселей можно, imho, наплевать

что-то вроде

Код


if( div.scrollTop >  div.scrollHeight-$(div).height -20){ // просматриваем последнюю запись.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

jone31

Дата 16.2.2013, 17:19 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 343
Регистрация: 29.11.2008

Репутация: нет
Всего: нет

Цитата(ksnk @ 16.2.2013, 09:08

)

if( div.scrollTop > div.scrollHeight-$(div).height -20){ // просматриваем последнюю запись.

ksnk спасибо, почти как надо работает... с кросбразерностью нужно ещё поиграть... ))

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »