Wie stelle ich es so ein, dass standardmäßig 6 div-Elemente auf der Seite angezeigt werden und wenn ein Benutzer zum Ende der Seite scrollt, werden sechs weitere geladen?

Wenn du das siehstBeispielhat es mehrere divs. Ich möchte, dass anfangs nur 6 von ihnen angezeigt werden, und jedes Mal, wenn der Benutzer den unteren Rand der Seite erreicht, möchte ich, dass sechs weitere geladen werden, bis Sie keine divs mehr haben.

Bisher habe ich versucht, mit jQuery Infinite Scroll Plugins zu experimentieren, aber sie sind in meinem Fall nicht anwendbar, da die Anzahl der Elemente, die ich habe, sehr begrenzt ist!

Wie kann dies mit jQuery erreicht werden? Danke im Voraus!

BEARBEITEN

Ich glaube, man könnte den Rest der divs auf hidden setzen (abgesehen von den ersten 6) und eine Funktion auslösen, die sechs weitere lädt, wenn der untere Rand der Seite erreicht ist.