AngularJS无限滚动问题

时间:2017-07-09 23:35:18

标签: angularjs infinite-scroll

我为AngularJS引导程序应用程序编写了一个无限滚动的DIV,如下例所示。

When Scrolled Fiddle

angular.module('scroll', []).directive('whenScrolled', function() {
return function(scope, elm, attr) {
    var raw = elm[0];

    elm.bind('scroll', function() {
        if (raw.scrollTop + raw.offsetHeight >= raw.scrollHeight) {
            scope.$apply(attr.whenScrolled);
        }
    });
};

});

加载了数据,但DIV的滚动到底,看到加载的数据需要再次向上滚动。我该如何解决?

View Image

2 个答案:

答案 0 :(得分:0)

带有ng-repeat的div是否包含id="fixed"以及以下CSS?

#fixed {
    height: 400px;
    overflow: auto;
}

答案 1 :(得分:0)

我发现了问题,我收到的数据替换了所有数组,我使用push进入ng-repeat数组编码。

array.push (tempArray[i])