Załaduj więcej treści, gdy użytkownik przewinie "blisko" dolnej części strony?

Question

Używam tego do wykrycia przewijania do dołu strony. Ale jak wykryć odległość od dolnej krawędzi strony?

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

To znaczy chcę funkcja do wykonania kiedy jest 100px lub 200px od dołu, a nie na samym dole strony. Jak to zmienić?

Również: czy jest możliwe, aby zamiast tego złapać, jeśli zwój jest na końcu określonego elementu (powiedzmy mój duży KONTENER), który pokazuje załadowaną zawartość.

góry dzięki

Answer 1

var nearToBottom = 100; 

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

lub przejdź do dołu .CONTAINER

if ($(window).scrollTop() + $(window).height() >= 
    $('.CONTAINER').offset().top + $('.CONTAINER').height()) { 
.. my ajax here 
} 

Answer 2

to pomoże.

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

Przejdź przez ten link dla całego artykułu i szczegóły, jak to działa.

load more content when browser scroll to end of page in jquery