我有一个相当简单的网页,我无法正常工作。我正在使用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;"> </div>
</div>
</div>
</div>..。loadMore()函数被反复调用。我做过其他类似的网页,在过去与几乎相同的代码,它的行为与预期。为了我的生命,我不知道这是怎么回事。这段代码中有什么明显的东西会导致loadMore()被调用,即使页面远远超出了浏览器窗口的底部?如果没有,我可以在哪里查找解决此问题的方法?
发布于 2016-03-15 20:03:10
我不知道您是否找到了这个问题的答案,但是在1.2.2版本中引入了一个错误,导致了这种行为。回到以前的版本(1.0.0),为我修正了这个问题。这里有更多信息:https://github.com/sroze/ngInfiniteScroll/issues/235
https://stackoverflow.com/questions/35737514
复制相似问题