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

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