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