Bing da imagem paginação - rolagem infinita

Question

Quando você procurar imagens no motor de busca Bing, o resultado é exibido como este:

http://www.bing.com/images/search?q= pilha + estouro

Observe como você pode manter a rolagem e rolagem e não há paginação "normal".

A minha pergunta é: Como eles fazem isso? Eu posso ver que há alguns ajax / javascript eventos acontecendo, mas o código não é fácil de ler. Eu particularmente gostaria de saber como eles sabem quando uma "caixa vazia" está dentro dos usuários visualizar porto.

Answer 1

Aqui está um artigo sobre essa tecnologia:

eliminar paginação resultados usando JavaScript (ala DZone) :. usando o Javascript, protótipo e PHP

Answer 2

Depois de algumas pesquisas e ler Eu achei muito bom site:

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

Ele inclui WordPress para download e jQuery -plugins e também explica vantagens / desvantagens de usar "Infinite rolagem / autopagerize / unpaginate / páginas intermináveis"

pseudo exemplo de código / jQuery para carregar mais dados quando o usuário tem rolado todo o caminho até o fundo:

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

Answer 3

Este recurso é muitas vezes chamado de "rolagem infinita". Buscando infinito de rolagem javascript transforma-se uma série de artigos / posts sobre como fazer isso. Alguns dos mais interessantes:

• Implementação infinita rolagem com jQuery
• infinite-scroll.com
• padrão de rolagem contínua usando JavaScript e ASP.NET

Answer 4

Hoje eu encontrei um plugin jQuery que faz o mesmo rolagem como Bing / Live Search:

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

Foi concebido para eliminar a necessidade de Seguinte / Anterior botões.