pagination de recherche d'image Bing - défilement infini

Question

Lorsque vous recherchez des images sur le moteur de recherche Bing, le résultat est affiché comme ceci:

Remarquez comment vous pouvez garder le défilement et le défilement et il n'y a pas " "normal".

Ma question est: Comment font-ils? Je peux voir qu'il se passe des événements ajax/javascript, mais le code n'est pas facile à lire. Je voudrais surtout savoir comment ils savent quand une "boîte vide" est à l'intérieur du port d'affichage des utilisateurs.

Answer 1

est ici un article sur cette technologie:

Eliminate paging results by using JavaScript (ala DZone): L'utilisation de JavaScript, prototype et PHP.

Answer 2

Après quelques recherches et la lecture que j'ai trouvé ce très bon site:

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

Il comprend -plugins WordPress téléchargeable et jQuery et explique également avantages/inconvénients de l'utilisation « Infinite défilement/autopagerize/unpaginate/sans fin pages »

pseudo/code jQuery Exemple pour charger plus de données lorsque l'utilisateur a fait défiler tout le chemin vers le bas:

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

Answer 3

Cette fonctionnalité est souvent appelée "défilement infini". La recherche de infinite scroll javascript affiche un certain nombre d'articles/messages sur la façon de procéder. Certains des plus intéressants:

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

Answer 4

Aujourd'hui, j'ai trouvé un plugin jQuery qui fait la même rouleau que Bing/Live Search:

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

Il a été conçu pour supprimer le besoin de boutons Suivant/Précédent.