【问题标题】:Ionic 3 - Infinite scroll with Horizontal scrollIonic 3 - 带水平滚动的无限滚动
【发布时间】:2018-09-11 10:01:24
【问题描述】:

我已经将无限滚动与“垂直滚动”一起使用,它按预期工作。

在不同的页面上,我有多个“水平卷轴”。我也想让它们成为无限卷轴。我为水平滚动使用了<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 方法会在所有水平滚动条上调用。所以看起来是垂直无限滚动而不是水平无限滚动被触发。

如果我遗漏任何内容或需要编写代码的任何特定方式,请告诉我。

【问题讨论】:

    标签: ionic3 ion-scroll ion-infinite-scroll


    【解决方案1】:

    你不能用 Ionic 做,但你可以自己做:

    模板:

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

    Page.ts:

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

    离子:

       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
    

    【讨论】:

      猜你喜欢
      • 2019-02-25
      • 2012-09-29
      • 2019-01-06
      • 2012-03-15
      • 1970-01-01
      • 1970-01-01
      • 2019-06-22
      • 2018-07-14
      • 2013-01-01
      相关资源
      最近更新 更多