Chargement automatique du contenu sur le défilement vers le bas

Je crée un blog sur django / webfaction. Ma page d'accueil affiche actuellement 4 messages par défaut (les messages sont limités à 4 sur queryset dans urls.py ). Maintenant, je voudrais charger quatre autres messages une fois que l'utilisateur arrive au bas de la page et continue de continuer jusqu'à ce que la dernière publication soit atteinte. Comment y parvenir?

Si vous souhaitez charger votre contenu en atteignant un fond extrême du document, utilisez le code suivant:

 $(window).scroll(function() { if($(window).scrollTop() == $(document).height() - $(window).height()) { // load your content } }); 

Si vous souhaitez charger du contenu avant d'atteindre 100 pixels d'utilisation inférieure

 var loading= false; $(window).scroll(function() { if (!loading && ($(window).scrollTop() > $(document).height() - $(window).height() - 100)) { loading= true; // your content loading call goes here. loading = false; // reset value of loading once content loaded } }); 

Vous pouvez essayer quelque chose comme ça …

 var processScroll = true; $(window).scroll(function() { if (processScroll && $(window).scrollTop() > $(document).height() - $(window).height() - 100) { processScroll = false; // your functionality here processScroll = true; } }); 

Vous voulez quelque chose comme ça " http://www.developphp.com/view.php?tid=1265 "

je suis sûr 🙂

Vous pouvez faire appel à Ajax pour récupérer plus de messages sur l'événement 'onscroll' (éventuellement sur le corps dans votre cas). Vous pouvez faire le même appel en utilisant '.scroll ()' de jquery documenté ici: http://api.jquery.com/scroll/

Vous pouvez probablement maintenir une déclaration précédente supérieure pour déterminer la direction du défilement actuel.