Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.08.2010, 19:47
m00 m00 вне форума
Интересующийся
Отправить личное сообщение для m00 Посмотреть профиль Найти все сообщения от m00
 
Регистрация: 10.11.2009
Сообщений: 22

Новый пейджинг от google.
Всем привет.

Хочу сделать пейджинг как у google. Примеры можно посмотреть на персональной странице igoogle.

В чем фишка, вместо отображения нумерации страниц, каждый раз прокручивая страницу до конца, шлется ajax запрос и мы получаем новые данные с сервера ... и так продолжается пока не получим все данные (например список новостей).

Столкнулся с проблемой, что непонятно как определить, что домотал до конца страницы ... как определить когда скрол стукнется о нижнюю границу? (скрол у меня в диве).

Кто, что думает?
Ответить с цитированием
  #2 (permalink)  
Старый 26.08.2010, 19:56
Аватар для ixth
Профессор
Отправить личное сообщение для ixth Посмотреть профиль Найти все сообщения от ixth
 
Регистрация: 19.01.2010
Сообщений: 354

Думаю, Вам надо рыть в сторону параметра scrollTop или ф-ции jQuery scrollTop. На одном из рабочих проектов сделано так (код не мой):
$(window).scroll(function(e) {
	if (results.height() - $(window).scrollTop() < $(window).height() * 1.5) {
		Бла-бла-бла, тут код.
	}
});
Ответить с цитированием
  #3 (permalink)  
Старый 26.08.2010, 21:16
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от ixth
в сторону параметра scrollTop или ф-ции jQuery scrollTop
В jQuery даже для элементарного взятия значения у свойства есть плагин?
Ответить с цитированием
  #4 (permalink)  
Старый 26.08.2010, 23:54
Аватар для ixth
Профессор
Отправить личное сообщение для ixth Посмотреть профиль Найти все сообщения от ixth
 
Регистрация: 19.01.2010
Сообщений: 354

Сообщение от Kolyaj Посмотреть сообщение
В jQuery даже для элементарного взятия значения у свойства есть плагин?
Вы бы видели как несуразно смотрится смесь кода на JQuery с pure js. Посему: да, есть и используется.
Ответить с цитированием
  #5 (permalink)  
Старый 27.08.2010, 01:04
Аватар для PeaceCoder
Профессор
Отправить личное сообщение для PeaceCoder Посмотреть профиль Найти все сообщения от PeaceCoder
 
Регистрация: 15.12.2009
Сообщений: 742

Сообщение от ixth
Вы бы видели как несуразно смотрится смесь кода на JQuery с pure js. Посему: да, есть и используется.
Это же ирония была. для того что бы это сделать jQuery не нужен.
__________________
Настоящий программист думает и осознает сам решение задачи, а не копирует другие мысли, не осознавая их (c)
Относись к человеку так же, как хотелось бы отношения к себе (с)
Все нужно там, где оно нужно, а все не нужно нигде (с) Gozar
B~Vladi: А кто такой JavaScript стрелок?! micscr: это тот, кто не jQuery танкист.
Программы становятся медленнее быстрее, чем компьютеры становятся быстрее (с) Никлаус Вирт
Ответить с цитированием
  #6 (permalink)  
Старый 27.08.2010, 10:38
m00 m00 вне форума
Интересующийся
Отправить личное сообщение для m00 Посмотреть профиль Найти все сообщения от m00
 
Регистрация: 10.11.2009
Сообщений: 22

Получилось так ... делал под ff, для остальных пока не пробовал:
.onscroll = function() {
	if (obj.scrollHeight == (obj.scrollTop + obj.clientHeight))
		console.log('send async request');
};

Где, obj - это div со style="height: 500px; overflow: auto;".

Спасибо.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
эмитировать перемещение google map amigo* Элементы интерфейса 3 18.07.2010 18:24
Google Chart API mycoding Оффтопик 0 14.07.2010 11:22
svg поверх google map с использованием raphael amigo* Элементы интерфейса 1 16.06.2010 17:29
Google Map - opacity в Opera velo Библиотеки/Тулкиты/Фреймворки 0 30.03.2010 05:37
Как создать проверку вводимого пароля на стойкость, используя API Google. Александр Черепов Элементы интерфейса 4 03.11.2008 02:16