Chargement du contenu lorsque l'utilisateur fait défiler l'écran

Question

Je construis une page de type blog et je souhaite y charger des éléments au fur et à mesure que l'utilisateur fait défiler l'écran, un peu à la manière de Google Reader ou de Soup.io. Comment vous y prendriez-vous pour obtenir cet effet? J'ai vu quelques exemples qui lisent la hauteur de la page et ont un onScroll même attaché à la fenêtre, de sorte que lorsque l'utilisateur fait défiler l'écran vers le bas, nous pouvons tester s'il a effectué un défilement suffisant pour justifier le chargement de plusieurs éléments. L'implémentation de Soup.io semble supprimer les anciens éléments lorsque vous faites défiler l'écran afin que le navigateur ne traite pas d'une arborescence DOM de plus en plus grande. Quelles bibliothèques javascript conviendraient le mieux à cette tâche?

Answer 1

Unspace avait publié un article décrivant cette fonctionnalité: Endless Pageless: plus de page suivante . Leur page de démonstration est ici .

Cet exemple particulier utilise RoR et Prototype.

Answer 2

Votre exemple jquery http: // webdeveloperplus .com / jquery / créer-une-dynamique-défilement-contenu-boîte-using-ajax /