javascript - 如何使用 jQuery 检测用户是否已接近页面末尾？

Question

现在，当用户使用此功能到达页面底部时，我会触发一个事件：

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

当用户几乎到达页面末尾时，如何修改它以触发事件，假设还剩 300 像素？

score 8 · Accepted Answer

8

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

于 2012-04-25T02:17:41.387 回答

score 0 · Accepted Answer

在 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 - 您几乎可以在您想要的功能中做任何事情。

2 回答 2