Bing de búsqueda de imágenes de paginación - scroll infinito

Question

Al buscar imágenes en el motor de búsqueda Bing, el resultado se muestra como esto:

Aviso cómo puede mantener el desplazamiento y el desplazamiento y no hay " "paginación" normal.

Mi pregunta es: ¿cómo lo hacen? Puedo ver que hay algunos eventos ajax/javascript sucediendo, pero el código no es fácil de leer. Especialmente me gustaría saber cómo saben cuando hay una "caja vacía" dentro del puerto de visualización de los usuarios.

Answer 1

He aquí un artículo acerca de que la tecnología:

Eliminate paging results by using JavaScript (ala DZone): El uso de Javascript, prototipo y PHP.

Answer 2

Después de buscar y leer Me pareció muy buen sitio:

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

Incluye descargable WordPress y jQuery -plugins y también explica ventajas/desventajas de la utilización de "scroll infinito/autopagerize/unpaginate/sin fin páginas"

Muestra seudo/código jQuery para cargar más datos cuando el usuario se haya desplazado todo el camino hasta la parte inferior:

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

Answer 3

Esta función a menudo se denomina "desplazamiento infinito". Buscando infinite scroll javascript aparece una cantidad de artículos/publicaciones sobre cómo hacer esto. Algunos de los más interesantes:

• Implementing infinite scrolling with jQuery
• infinite-scroll.com
• Continuous scrolling pattern using JavaScript and ASP.NET

Answer 4

Hoy he encontrado un plugin de jQuery que hace lo mismo rollo como Bing/Live Search:

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

Fue diseñado para eliminar la necesidad de botones Siguiente/Anterior.