Làm thế nào để phát hiện nếu người dùng đã đạt đến gần cuối trang bằng cách sử dụng jQuery?

Question

Ngay bây giờ tôi bắn một sự kiện khi người dùng đã đạt đến dưới cùng của trang bằng cách sử dụng này:

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

Làm thế nào điều này có thể được sửa đổi kích hoạt sự kiện khi người dùng đạt gần cuối trang, giả sử Còn 300px?

Answer 1

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

Answer 2

Trong Angularjs: Sau khi vật lộn với nó trong một tốn nhiều thời gian dài stumbled trên thư viện: http://binarymuse.github.io/ngInfiniteScroll/documentation.html.

Dựa trên use-case của bạn, bạn có thể làm một cái gì đó như:

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

Và trong HTML của bạn:

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

Vì nó cho phép bạn đính kèm này cho bất kỳ div- bạn có thể hầu như làm bất cứ điều gì trong chức năng bạn muốn.