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