无法让 ngInfiniteScroll 停止滚动

Question

我有一个相当简单的网页，但无法正常工作。我正在使用 AngularJS、Foundation 和 ngInfiniteScroll。使用此模板：

<div class="row">
  <div class="small-12 columns" style="max-height:500px;overflow-y:scroll">
    <div infinite-scroll="loadMore()" infinite-scroll-distance="0" infinite-scroll-parent="true" infinite-scroll-disabled="loading || !hasMore">
      <div ng-repeat="item in items | filter:search | orderBy:'-last_modified'">
        <div class="row" ng-click="selectItem(item)">
          <div class="small-3 medium-4 columns text-left">
          <img ng-if="item.thumb2" ng-src="{{ item.thumb }}">
          </div>
          <div class="small-9 medium-8 columns">
            <div> Name: {{ item.name }} </div>
            <div> Last Modified: {{ item.last_modified }} </div>
          </div>
        </div>
      </div>
      <div style="clear: both;"> &nbsp; </div>
    </div>
  </div>
</div>

... loadMore() 函数被永远重复调用。我过去用几乎相同的代码制作了其他类似的网页，并且它的行为符合预期。对于我的生活，我无法弄清楚这里发生了什么。这段代码中有什么明显的东西会导致 loadMore() 被调用，即使页面超出浏览器底部 window 也是如此吗？如果没有，接下来我可以去哪里解决这个问题？

Answer 1

我不知道您是否曾经找到过这个问题的答案，但是 1.2.2 版中引入的一个错误导致了此行为。回滚到早期版本 (1..0.0) 为我解决了这个问题。更多信息：https://github.com/sroze/ngInfiniteScroll/issues/235

无法让 ngInfiniteScroll 停止滚动

Can't get ngInfiniteScroll to stop scrolling

infinite-scroll

zurb-foundation

angularjs

nginfinitescroll