2016-08-19 8 views
0

Ich verwende den folgenden Code für unendliche Scroll. Es funktioniert perfekt, aber nur, wenn ich ganz unten auf der Seite bin. Ich möchte, dass die nächste Inhaltsseite geladen wird, wenn ich 3/4 auf der Seite bin.jQuery Infinite Scroll Laden vor dem Ende

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

änderte ich den Code dazu:

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

Und nun, auf der ersten Schriftrolle, egal wie wenig ich nach unten scrollen, den Inhalt Lasten der nächsten Seite. Wenn Sie ein Pixel noch einmal scrollen, wird noch eine andere Seite geladen.

+0

versuchen, diese stattdessen: if ($ (Fenster) .scrollTop() + $ (Fenster) .height()> ($ (document) .height()/4 * 3)) { – prizm1

+0

Ihr Code scheint zu funktionieren! Vielen Dank, prizm1! – HTML

Antwort

0

Versuchen Sie, Ihren Code zu ändern. Nicht sicher, ob es funktionieren würde ..

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) 
+0

Vielen Dank für Ihren Kommentar. Leider funktionierte der Code nicht richtig, aber Ihre Antwort wäre definitiv eine korrekte Lösung, wenn auch die Struktur des Codes meiner Site korrekt wäre. Ich bin mir sicher, dass das Problem, dass Ihr Code nicht funktioniert, ein Fehler an meinem Ende ist. – HTML