Загружать больше контента, когда пользователь прокручивает "около" нижней части страницы?

Я использую это для обнаружения прокрутки в нижней части страницы. Но как определить расстояние от нижней части страницы?

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

Я имею в виду, что я хочу, чтобы функция выполнялась, когда он равен 100px или 200px снизу, а не в самом низу страницы. Как я могу это изменить?

Также: возможно ли, вместо этого, поймать, если свиток находится на последнем из определенного элемента (скажем, мой большой КОНТЕЙНЕР), который показывает загруженный контент.

Заранее спасибо

Ответ 1

var nearToBottom = 100;

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

или для прокрутки до нижней части .CONTAINER

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

Ответ 2

Это поможет вам.

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

Перейдите по этой ссылке для всей статьи и подробно о том, как она работает.

загружать больше контента, когда браузер прокручивается до конца страницы в jquery