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);
    };
});

当然，在您的模板中添加滚动。