如何使用jQuery检测用户是否已经到达页面的末尾？

Question

现在，当用户使用以下内容到达页面底部时，我会触发一个事件：

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

当用户几乎到达页面末尾时，如何修改此事件，让我们说300px离开？

Answer 1

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

Answer 2

在Angularjs： 经过长时间的挣扎 - 偶然发现了图书馆：http://binarymuse.github.io/ngInfiniteScroll/documentation.html。

根据您的用例，您可以执行以下操作：

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

在你的HTML中：

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

因为它允许你将它附加到任何div-你几乎可以在你想要的功能中做任何事情。