如果页面内容的高度小于页面高度，则不会触发 ioninfinite 事件答案

【问题标题】：ioninfinite event is not triggered if the height of contents of the page is less than the page height如果页面内容的高度小于页面高度，则不会触发 ioninfinite 事件
【发布时间】：2019-01-11 06:07:14
【问题描述】：

我正在使用 ionic 3 开发应用程序。在我的一个页面中，我正在使用文档https://ionicframework.com/docs/api/components/infinite-scroll/InfiniteScroll/?中指定的 ion-inifinite-scroll？

基本上，我在该页面中显示离子卡，该页面使用 a、b、c 等类别进行分类，当页面首次加载时，只会获取并显示一个类别卡。在滚动时，我将获取下一个类别。在某些情况下，一个类别中的卡片数量会更少，并且页面不会完全填满。当时，当我尝试滚动时，没有触发 ioninfinite 事件。

任何帮助我如何实现这个？

另外，在 jquery 无限滚动中，我们有一个名为 prefill 的选项，当设置为 true 时，内容将被加载，直到页面被填满。有没有像 ion-infinite-scroll 这样的选项？

html

<pre>
<ion-content>
<ion-card *ngFor="let item of items"> </ion-card>
<ion-infinite-scroll (ionInfinite)="doInfinite($event)" 
[enabled]="infiniteScrollEnable">
<ion-infinite-scroll-content loadingText="Checking more items..."></ion- 
infinite-scroll-content>
</ion-infinite-scroll>
</ion-content>
</pre>

ts:
doInfinite(infinteScroll) {
// api call for next category items
}

【问题讨论】：

到目前为止你做了什么？分享您的代码。
刚刚添加了代码sn-p。你能查一下吗？
谁能帮我解决这个问题？如果需要更多详细信息，请告诉我

标签： javascript html angular ionic3 infinite-scroll

【解决方案1】：

如果有人仍然有这个问题，我就这样解决了，所以我在底部有 100 像素，我可以滚动到。

.bottom-div {
    height: 20px;
    position: absolute;
    bottom: -10px;
}

...
<div class="bottom-div">&nbsp;</div>
</ion-content>

【讨论】：