Überprüfen Sie, ob der Benutzer einen Bildlauf zum Ende der Seite gegenüber

Brauche ich, um zu erkennen, wenn der Benutzer einen Bildlauf zu der Unterseite der Seite, so kann ich einige machen.

Aber ich habe etwas falsch gemacht und wenn ich nach unten scrollen, passiert nichts, aber wenn ich scrollen Sie nach oben, es feuert die Aktion :(.

Und sollte gegenüber 🙂

$(window).scroll(function () {        
        if ($(window).scrollTop() == $(document).height() - $(window).height() && !($('#imgLoad').is(':visible'))) {
            alert('you hit bottom');
            loadMore();
        }
    });
InformationsquelleAutor 1110 | 2013-09-08
  1. 4

    bitte versuchen, diese 

    $(window).scroll(function() {
        if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});

    können Sie auch eine andere option, auf die folgende Frage:
    Überprüfen Sie, ob ein Anwender bereits gescrollt hat, um die unteren

    • Dasselbe Verhalten. Wenn ich nach unten scrollen nichts, aber wenn Sie zurück an die Spitze geschossen.
    • Und was erschreckt mich am meisten, ist diese Arbeit im IE aber nicht im FF & Chrom.
    • Ich nehme die Antwort auf die Frage schließen, wie dies funktioniert auf die gleiche wie meine-code. Das Problem ist in einem anderen Bereich. Ich stellte es in dieser Frage: stackoverflow.com/questions/18685692/...
    InformationsquelleAutor Liad Livnat
  2. 1

    Dies ist eine alte post, aber das posten in diesem Fall hilft jemand in der Zukunft. Ich war mit dem gleichen problem. Die Veranstaltung wäre Feuer als ich gescrollt auf der Seite oben von der Unterseite. Verwendung document.Körper.clientHeight statt $(window).Höhe Feste Dinge für mich. Getestet wurde dies mit Chrome.

    $(window).scroll(function() {
    if($(window).scrollTop() + document.body.clientHeight == $(document).height()) {
        alert('bottom of page');
    }
});
    InformationsquelleAutor johnsorrentino
  3. 1
    if (document.body.offsetHeight + document.body.scrollTop>= document.body.scrollHeight){
    alert("bottom!");
}
    • Du hast Recht. Ich habe versehentlich den falschen code eingegeben
    • jetzt Ihre der richtige code
    InformationsquelleAutor m b k
  4. 0
    $(window).on("scroll", function() {
    var scrollHeight = $(document).height();
    var scrollPosition = $(window).height() + $(window).scrollTop();
    if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
     //when scroll to bottom of the page
    }
});
    • Dasselbe Verhalten. Wenn ich nach unten scrollen nichts, aber wenn Sie zurück an die Spitze geschossen.
    • vielleicht versuchen Sie, löschen Sie Ihren browser-cache??
    • Ich habe versucht das auch 🙁
    InformationsquelleAutor crzyonez777
  5. 0
       if($(window).scrollTop() + $(window).height() > $(document).height()-200) {
                alert();
                //add your custom function here. i.e what you want to do.
            }

    Dies funktionieren wird.Der Benutzer führt einen Bildlauf auf der Seite nach unten und wenn Sie den if(Bedingung) erfüllt ist, wird der code ausgeführt.

    • Dies funktioniert, wie ich Blättern Sie laden neue Elemente. Aber auf diese Weise kann ich nie nicht den Boden.
    • was du laden? sind Sie laden die Inhalte dynamisch?
    • Sie sollten genau wissen, wie viel ist Sie zufrieden. Nur dann können Sie es verfolgen.
    • Ich bin mit Portal und ASP.NET. Ich habe ein Modul, das erkennen Sie unten auf der Seite und per jquery.ajax Rückgabe von Daten an die Seite. Ich bin mit jquery masonry plugin zurück 50 von 50 Elementen.
    • Schauen Sie beim laden der Seite zum ersten mal machen, ein jquery-ajax-request für das abrufen der Anzahl der Gesamt-Anzahl der Elemente oder Inhalte, die Sie laden möchten, und speichern Sie Sie in einem javascript Globale variable, wenn Sie dann scrollen Sie einfach laden Sie die restlichen Inhalte auf der Seite mit jquery, ajax. senden Sie der Graf von ajax und um die restlichen Elemente.
    • Wenn Sie nicht wissen, das Ende Ihrer Inhalte, dann können Sie nicht finden Sie am Ende der Seite.

    InformationsquelleAutor Gourav
  6. 0

    Bitte versuchen Sie dies.

    following scroll function would be worked while window scrolling bottom in asp.net
$(window).scroll(function() {    
$(window).scrollTop() + document.body.clientHeight == $(document).height()
});

and following scroll function would be worked while window scrolling bottom in html or mvc page view.
$(window).scroll(function() {    
$(window).scrollTop() == $(document).height() - $(window).height()
});
    InformationsquelleAutor sam k
Schreibe einen Kommentar