2012-03-14 11 views
6

A kiedy trafi w dół, a następnie funkcja wywołania zwrotnego?Jak używać JQuery do wykrywania, czy użytkownik przewija się na dół strony?

+0

http://stackoverflow.com/questions/3962558/javascript-detect-scroll-end –

+1

check to http://stackoverflow.com/questions/3962558/javascript-detect-scroll-end – Gopesh

+0

możliwy duplikat [Jak sprawdzić, czy użytkownik przewinął na dół] (http://stackoverflow.com/questions/3898130/how-to-check-if-a-user-has-scrolled-to-the- dół) – csharpfolk

Odpowiedz

25

Można użyć .scroll() zdarzenie w ten sposób na oknie:

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

wyboru live demo

wykryć, czy użytkownik jest 3/4 w dół strony można próbować ten jeden

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() > $(document).height() - .75*$(document).height()) { 
     alert("3/4th of bottom!"); 
    } 
}); 
+0

generalnie działa, ale z "alertem" rozbił mój FF, dosłownie "zamazał". Ale testowałem z console.log i działało dobrze. – devnull69

+0

Dzięki. To działa! Co się stanie, jeśli chcę wykryć, czy użytkownik jest 3/4 w dół strony? – TIMEX

+7

Myślę, że twoje rozwiązanie 3/4 w dół strony faktycznie szuka "75 pikseli od dołu strony". Zmiana '$ (document) .height() - 75' na' $ (document) .height() * 0.75' powinna wystarczyć. – sffc

Powiązane problemy