Load more content when user scrolls "near" bottom of page?

jquery

Solution

var nearToBottom = 100;

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

or to scroll to the bottom of .CONTAINER

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

Problem

I use this to detect scroll to the bottom of page. But how do I detect a distance from the bottom of the page? ``` if($(window).scrollTop() + $(window).height() == $(document).height() ) { .. my ajax here } ``` I mean i want the function to execute when he is 100px or 200px from the bottom, and not in the very bottom of page. How would I change this? Also: is it possible, to instead catch if the scroll is at the last of a specific element (say my big CONTAINER) which shows the loaded content. Thanks in advance

Original source

Related problems