Ionic 3 - 无限卷轴与水平卷轴。

Question

我使用了 "垂直滚动 "的无限滚动，它的工作原理和预期的一样，但在不同的页面上，我有多个 "水平滚动"。

在另一个页面上，我有多个 "水平滚动"。我想把它们也变成无限滚动。我使用了 <ion-infinite-scroll> 标签的水平滚动，但它似乎并没有按照要求工作。我也在网上查了一下，但找不到什么帮助。

我把我的代码粘贴在下面。

<ion-scroll scrollX="true">
    <ion-card *ngFor="let x of y">
        ...
    </ion-card>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event, y)">
        <ion-infinite-scroll-content></ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-scroll>

我注意到的一件事是，当我一直滚动到页面底部的时候，我的 ionInfinite 方法在所有的水平滚动中被调用。所以看起来像是垂直无限滚动被触发了，而不是水平无限滚动。

如果我遗漏了什么，或者有什么特殊的方法需要编写代码，请告诉我。

Answer 1

用Ionic做不到，但你可以自己做。

模板：

<div (scroll)="YOURMETHOD($event)">
    //do something
</div>

Page.ts:

public YOURMETHOD(event:any){
    console.log(event)
}

Ionic:

   Ionic CLI                     : 5.1.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.5.0
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1