jQuery Infinite Scroll Charge avant le fond

Question

J'utilise le code ci-dessous pour le défilement infini. Cela fonctionne parfaitement, mais seulement quand je suis au bas de la page. Je veux qu'il charge la page suivante du contenu quand je suis environ 3/4 vers le bas de la page.

$(window).scroll(function() { 
      if($(window).scrollTop() + $(window).height() == $(document).height()) { 
      $('#infinite-load').click(); 
     } 
}); 

j'ai changé le code à ceci:

$(window).scroll(function() { 
      if($(window).scrollTop() <= ($(document).height()) - $(window).height() - 10) { 
      $('#infinite-load').click(); 
     } 
}); 

Et maintenant, sur la première défilement, peu importe à quel point je défiler vers le bas, les charges de contenu de la page suivante. Si vous faites défiler un pixel une fois de plus, une autre page se chargera.

Answer 1

Essayez de changer votre code pour ceci. Je ne sais pas si elle travaillerait ..

var h = ($(window).height()*1.25)+$(window).scrollTop(); 
h = parseInt(h); 
var h2 = parseInt($(window).height()*1.25); 
if(h >= ($(document).height()) && h <= ($(document).height())+h2)