0

我正在使用 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' 方法。

让我知道是否有任何解决方案可以解决此问题。预先感谢。

4

1 回答 1

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 的高度，body 标签在您的响应式 css 下定义，它可能会影响在移动设备中的工作。（例如：html，body { height: 100% !important; }）

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

于 2017-03-28T14:34:55.163 回答