angularjs - angularjs 無限スクロール ボトム トップ

Question

私はngInfiniteScrollを使用していますが、デフォルトのアクションは、facebook のタイムラインと同じように、一番下に達したときにさらにアイテムをロードすることですが、反対に、一番上に達したときにアイテムをロードする必要があります。

ngInfiniteScroll または別の方法でそれを行う方法はありますか?

どうもありがとう。

Answer 1

nginfinitescroll で可能かどうかはわかりませんが、最近自分で作成する必要がありました。このコードは、より多くのデータ (一度に 10 個) をスコープにロードします。

スクロールした

app.directive('scrolled', function () {

    return function (scope, elm, attr) {
        var raw = elm[0];
        var funCheckBounds = function (evt) {
            var rectObject = raw.getBoundingClientRect();
                //rectObject.bottom <= window.innerHeight for scroll to bottom
                if (rectObject.top >= window.innerHeight) {
                    scope.$apply(attr.scrolled);
                }
           };
       angular.element(window).bind('scroll load', funCheckBounds);
    };
});

そしてもちろん、テンプレートにscrolledを入れてください。