Ionicの無限のスクロールが正しく機能しない - ウィンドウに結びついている

Question

これはうまくいかない理由は、ユーザーがdiv内をスクロールすると、ウィンドウに結びついていないので何も起こらないからです。ウィンドウがスクロール可能な場合、無限スクロールは完全に機能しますが、それは私が必要とするものではありません。それが結ばれているウィンドウは、イオンコンテンツタグの子としてのスクロールコンテンツクラスです。 ionicscrollresource

HTML

<ion-content> 

    <div class="wrapper"> 
     <ion-list> 
       <ion-item *ngFor="let user of users"> 
       <ion-avatar item-start> 
       <img src="{{user.avatar}}"> 
        </ion-avatar> 
        <h2>{{user.first_name}} {{user.last_name}}</h2> 
        </ion-item> 
     </ion-list> 

     <ion-infinite-scroll (ionInfinite)="doInfinitetwo($event)" *ngIf="page < totalPage"> 
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data..."></ion-infinite-scroll-content> 
     </ion-infinite-scroll> 

    </div> 
</ion-content 

CSS

.scroll-content{ overflow: hidden } 

.wrapper{height: calc(100vh - 299px); 
       overflow-y:auto;} 

Answer 1

はあなた

.wrapper { 
    height: calc(100vh - 299px); 
    overflow-y: auto; 
} 

を変更し、この

<ion-content> 
    <ion-list> 
     <ion-item *ngFor="let user of users">{{i}}</ion-item> 
    </ion-list> 
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)"> 
     <ion-infinite-scroll-content></ion-infinite-scroll-content> 
    </ion-infinite-scroll> 
</ion-content> 

のように実行しようとしてみてください

とこれに使用ion-infinite-scroll