Ionic unendlich scroll funktioniert nicht richtig - an Fenster gebunden

Question

Der Grund, warum dies nicht funktioniert ist, dass, wenn der Benutzer innerhalb der div blättert, passiert nichts, weil es nicht an das Fenster gebunden ist. Wenn das Fenster scrollbar ist, funktioniert das infinite Scrollen perfekt, aber das ist nicht das, was ich brauche. Das Fenster, an das es gebunden ist, ist die Scroll-Inhaltsklasse als Kind des Ion-Content-Tags. 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

try Ihre

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

zu ändern und versuchen, wie diese

<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> 

zu tun

und verwenden Sie für diesen ion-infinite-scroll