Вопрос по image, ajax – Пейджинг поиска изображений Bing - бесконечная прокрутка

6

При поиске изображений в поисковой системе Bing результат отображается следующим образом:

http://www.bing.com/images/search?q=stack+overflow

Обратите внимание на то, как вы можете продолжать прокручивать и прокручивать, и это не "нормально" пейджинг.

Мой вопрос: как они это делают? Я вижу, что происходят некоторые события ajax / javascript, но код не так легко прочитать. Мне особенно хотелось бы знать, как они узнают, когда «пустая коробка» находится внутри порта просмотра пользователей.

Ваш Ответ

4   ответа
0

Сегодня я нашел плагин jQuery, который выполняет ту же прокрутку, что и Bing / Live Search:

http://blog.yctin.com/archives/jquery-plugins-ajaxscroll/

Это было разработано, чтобы удалить потребность в кнопках Next / Previous.

1

Эту функцию часто называют «бесконечной прокруткой». В поискахбесконечный свиток javascript появляется ряд статей / сообщений о том, как это сделать. Некоторые из наиболее интересных:

2

После некоторого поиска и чтения я нашел этот очень хороший сайт:

http://www.infinite-scroll.com/

Он включает в себя загружаемые плагины WordPress и jQuery, а также объясняет плюсы / минусы использования & quot; Бесконечной прокрутки / автопагеризации / распаковки / бесконечных страниц & quot;

Пример псевдо / jQuery-кода для загрузки большего количества данных, когда пользователь прокрутил все до конца:

$(window).scroll(function(){
        if  ($(window).scrollTop() == $(document).height() - $(window).height()){
           loadMoreRows();
        }
});
1

Вот статья об этой технологии:

Исключите результаты подкачки с помощью JavaScript (аля DZone) : Использование Javascript, прототипа и PHP.

Похожие вопросы