JQuery scrollTop Gleichheit funktioniert nicht beim Scrollen zu schnell

Question

Ich mache eine unendliche Scroll mit jquery und ich versuche zu erkennen, wenn die Unterseite der Haupt div den unteren Rand des Browser-Fensters erreichen. Mein Problem ist, dass in meinem Code, wenn der Benutzer zu schnell scrollt, die Gleichheit nicht auf den Code gefeuert wird. Wie kann man das verhindern?

Der Code $(this).scrollTop() === exactPoint wird nicht ausgelöst, wenn der Benutzer zu schnell scrollt.

Hier ist eine Geige mit einem Beispiel dafür, wie ich das Verhalten mache.

http://jsfiddle.net/CCwYm/1/

Ich habe hier gegoogelt und gesucht und kann etwas, das mir nicht gefunden helfen.

Answer 1

Da Sie eine unendliche Scroll-Seite mit jQuery machen und Ihr Problem darin besteht, dass Sie den aktuellen Seitenrand nicht richtig erkennen können, bevor neuer Inhalt die Höhe des Dokuments ändert, versuchen Sie es (basierend auf dem Code) von Ihrer Geige)

console.log($(document).height()); 
 
console.log($(window).height()); 
 
console.log($(document).height() - $(window).height()) 
 
var bottom = $(document).height() - $(window).height(); 
 

 
$(document).scroll(function(){ 
 
    \t console.log($(this).scrollTop()); 
 
    if ($(this).scrollTop() < bottom) { 
 
     console.log("scrolling");  
 
    } else { 
 
     alert("bottom"); 
 
     $('.test').clone().appendTo("body"); 
 
     bottom = $(document).height() - $(window).height(); 
 
    } 
 
});

.test{ 
 
\t width: 100px; 
 
    height: 1000px; 
 
    background-color: black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test"></div>