Laden Sie weitere Inhalte, wenn der Benutzer scrollt "in der Nähe" unten auf der Seite?

Ich verwende dies, um zu erkennen, Blättern Sie zu der unten auf der Seite. Aber wie erkenne ich einen Abstand von der Unterseite der Seite?

if($(window).scrollTop() + $(window).height() == $(document).height() ) {
 .. my ajax here
}

Ich meine, ich will die Funktion, die ausgeführt wird, wenn er 100px oder 200px von unten, und nicht in der ganz unten auf der Seite. Wie kann ich das ändern?

Außerdem: ist es möglich, statt zu fangen, wenn der Bildlauf auf der letzten von einem bestimmten element (sagen meine große CONTAINER), die shows der geladenen Inhalte.

Vielen Dank im Voraus

"Infinite scroll" ist eine Funktion, die wurde gründlich anderweitig adressierte.

InformationsquelleAutor Ahmed Fouad | 2012-10-24

  1. 15
    var nearToBottom = 100;

if ($(window).scrollTop() + $(window).height() > 
    $(document).height() - nearToBottom) { 
 .. my ajax here 
}

    oder Blättern Sie unten .CONTAINER

    if ($(window).scrollTop() + $(window).height() >= 
    $('.CONTAINER').offset().top + $('.CONTAINER').height() ) { 
 .. my ajax here 
}
    Erste nicht funktioniert.... Plz help hier

    InformationsquelleAutor Doug

  2. 5

    Dies wird Ihnen helfen.

    <script>
 $(window).scroll(function () {
    if ($(document).height() <= $(window).scrollTop() + $(window).height()) {
        alert("End Of The Page");
    }
 });
</script>

    Gehen Sie durch diesen link für den ganzen Artikel und details, wie es funktioniert.

    laden Sie weitere Inhalte, wenn der browser scrollen zum Ende der Seite in jquery

    InformationsquelleAutor Rohit

Schreibe einen Kommentar