NG无限滚动，具有Angular JS在响应式视图和移动设备中工作

Question

我正在使用ng-infinite-scroll.js，滚动功能在PC中工作正常。当浏览移动/响应视图时，它在向下滚动时不会加载任何项目。

<div class="row" infinite-scroll="loadMore('{!! slug !!}','{!! code !!}')" infinite-scroll-disabled='busy' infinite-scroll-distance='1'>
-------contents list----------
</div>

在移动视图中，甚至没有进入'$ scope.loadmore'方法。

让我知道是否有解决此问题的解决方案。预先感谢。

Answer 1

我已经完成了许多步骤来解决此问题。我做的第一件事是将无限滚动JS更新为版本NG Infinite-Scroll-V1.2.0。

用于修复问题，我通过添加无限 - 滚动容器来更新代码，如下所示：

<div id="infi-scroll">
  <div class="row" infinite-scroll="loadMore('{!! slug !!}','{!! code !!}')" infinite-scroll-disabled='busy' infinite-scroll-distance='1' infinite-scroll-container="'#infi-scroll'" ng-cloak>
    <div ng-repeat="single in projects" class="col-md-4 bottom-margin">
      <!-- listing goes here -->
    </div>
    <div ng-show='busy'>
      <center>
        <img src="images/ajax-loader.gif" />
      </center>
    </div>
  </div>
</div>

我发现此代码也没有任何问题。

注意：如果HTML的高度，则在您的响应CSS下定义了身体标签，它可能会影响移动设备中的工作。（例如：html，身体{高度：100％！重要;}）

希望这能解决您的问题。谢谢。