Angular 4：当滚动使用 ngx-infinite-scroll 移动到底部时加载更多数据并且它不起作用答案

【问题标题】：Angular 4 :load more data when the scroll move to the bottom with ngx-infinite-scroll and it not workAngular 4：当滚动使用 ngx-infinite-scroll 移动到底部时加载更多数据并且它不起作用
【发布时间】：2018-03-29 02:08:06
【问题描述】：

目标：

我想实现一个在滚动到底部时加载更多数据的功能。我们使用 ngx-infinite-scroll 插件 (https://github.com/orizens/ngx-infinite-scroll) 来实现它，但它不起作用。

预期结果：

当滚动移动到末尾时，它会触发onScrollDown()函数来加载更多数据。

实际结果：

当滚动大约移动到中间时触发onScrollDown()函数

代码：

<div class="row" infinite-scroll [infiniteScrollDistance]='0'(scrolled)="onScrollDown()">
              ...show-list code...
</div>

onScrollDown() 没问题，我将infiniteScrollDistance 设置为0 但它不起作用。

那么，我该如何解决？提前谢谢。

【问题讨论】：

我们正在使用这个，看起来像：<div data-infinite-scroll (scrolled)="loadGridDataScroll()" infiniteScrollDistance="0.3" infiniteScrollThrottle="500">
是的，我检查了文档，nfiniteScrollDistance="0" 表示滚动到底部时触发滚动功能，但它不起作用。
您的 div 的底部边框是否可能在可滚动区域之外？
你是怎么做到的？我面临着与 ngx-infinite-scroll 相同的问题
此问题的任何修复

标签： angular infinite-scroll

【解决方案1】：

尝试使用带有参数的外部容器

[fromRoot]="true"
[infiniteScrollDistance]="0.1"

【讨论】：