ngInfiniteScroll 中的滚动非常不稳定

Question

我有一个带有 ng-infinite 滚动的 Angular 应用程序。问题是：

• 当我在页面中间时，会触发加载新内容的回调。当它被触发时，它会发生变化
• 当元素被添加到页面并且到达末尾时，即使添加了新内容，滚动也会保持在末尾（而新内容应该出现在旧元素之后，并且用户应该滚动看到它）
• 当我单击链接并转到下一页时，缩放没有按原样重置

这是一个截屏视频：https://imgur.com/KMaCLuQ

现在伙计们，这是代码的一部分（包含帖子列表的视图）

 <div infinite-scroll="loadMorePosts()" infinite-scroll-distance="0">


    <md-card ng-repeat="post in posts">
      <h5 ng-bind-html="post.title"></h5>
      <p ng-bind-html="post.body">
      </p>
    </md-card>
  <div layout="horizontal" layout-align="center">


    <md-progress-circular mode="indeterminate" ng-if="more"></md-progress-circular>

  </div>


</div>

如果您想了解更多，请随时查看source code

Answer 1

我使用 ngInfiniteScroll 已经有一段时间了，它对我来说很好用。

我很确定您的代码有问题。

确保使用某种锁定系统只调用一次更新函数。这是一个例子：

if ($scope.loaderBusy) {
  return;
}

$scope.loaderBusy = true;

User
.getList()
.then(function(response) {
  $scope.userList = response;
})
.finally(function() {
  $scope.loaderBusy = false;
});

属性infinite-scroll-distance="0"也不是必须的。