javascript - jQueryを使用してユーザーがページのほぼ終わりに到達したかどうかを検出するにはどうすればよいですか？

Question

現在、ユーザーがこれを使用してページの下部に到達したときにイベントを発生させます。

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

ユーザーがページのほぼ終わりに達したときにイベントを発生させるようにこれをどのように変更できますか？たとえば、残り300pxですか？

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