Charger automatiquement le contenu en faisant défiler vers le bas

Question

Je crée un blog sur django/webfaction. Mon hompage 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 atteint le bas de la page et continuer à continuer jusqu'à ce que le dernier message soit atteint. Comment y parvenir?

Answer 1

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; 
    } 
}); 

Answer 2

Si vous voulez charger votre contenu en arrivant en bas extrême l'utilisation des documents code suivant:

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

Si vous voulez charger le contenu avant 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 
    } 
}); 

Answer 3

Vous pouvez faire appel Ajax pour aller chercher plus de messages sur 'onscroll 'événement d'élément (éventuellement sur corps dans votre cas). Vous pouvez effectuer le même appel à l'aide du fichier '.scroll()' de jquery documenté ici: http://api.jquery.com/scroll/

Vous pouvez probablement conserver une instruction précédente pour déterminer le sens du défilement actuel.

Answer 4

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

je suis sûr :)

lien