【问题标题】:Can't get ngInfiniteScroll to stop scrolling无法让 ngInfiniteScroll 停止滚动
【发布时间】:2016-03-16 04:03:10
【问题描述】:

我有一个相当简单的网页,我无法正常工作。我正在使用 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() 被调用,即使页面远远超出浏览器窗口的底部?如果没有,我可以在哪里查找以解决此问题?

【问题讨论】:

    标签: angularjs zurb-foundation infinite-scroll nginfinitescroll


    【解决方案1】:

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

    【讨论】:

    • 该错误描述了 $interval 的问题,这与我的问题不同。并不是我加载得太频繁,而是当底部元素超出屏幕底部时它正在加载(它永远不会停止加载更多)。
    • 奇怪,问题中描述的那个bug肯定不是我的bug,但是回滚到1.0.0确实修复了它,所以最近还引入了一些其他的bug。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-06-21
    • 1970-01-01
    • 1970-01-01
    • 2021-12-30
    • 2018-09-26
    • 2014-03-19
    • 1970-01-01
    相关资源
    最近更新 更多