Cómo detectar si el usuario ha llegado casi al final de la página usando jQuery?

Question

Ahora mismo desencadenar un evento cuando el usuario ha llegado a la parte inferior de la página utilizando la siguiente:

$(window).scroll(function() {  
    if($(window).scrollTop() == $(document).height() - $(window).height()) { 
     // do something 
    } 
}); 

¿Cómo puede ser modificado para desencadenar el evento cuando el usuario alcanza casi el final de la página, digamos 300px a la izquierda?

Answer 1

$(window).scrollTop() >= $(document).height() - $(window).height() - 300 

Answer 2

En AngularJS: Después de luchar con él durante mucho tiempo- encontré con la biblioteca: http://binarymuse.github.io/ngInfiniteScroll/documentation.html.

Basado en su caso de uso, se podría hacer algo como:

var myApp = angular.module('myApp', ['infinite-scroll']); 

Y en el código HTML:

<div infinite-scroll="addMoreItems()"> 
    <div ng-repeat="item in items">Item number {{$index}}: {{$item}}</div> 
</div> 

ya que le permite adjuntar esto a cualquier div- casi se podía hacer cualquier cosa en la función que desee.