0

我有一个相当简单的网页,我无法正常工作。我正在使用AngularJS,Foundation和ngInfiniteScroll。使用此模板:无法取得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()被调用,即使页面远远超出浏览器窗口的底部?如果不是,我可以在旁边看看解决这个问题?

回答

0

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

+0

该错误正在描述$ interval的问题,这与我的问题不同。这并不是说我的加载频率过高,而是当底部元素超过屏幕底部(它永远不会停止加载更多)时加载。 – seawolf

+0

奇怪的是,该问题中描述的错误当然不是我的错误,但回滚到1.0.0确实修复了它,所以最近也引入了一些其他错误。 – seawolf