Ionic的无限滚动无法正常工作 - 绑定到窗口

Question

之所以不起作用的原因是，当用户在DIV内滚动时，什么也不会发生，因为它没有绑在窗口上。如果窗口可滚动，则无限滚动效果很好，但是，这不是我需要的。它与离子包含标签的孩子相关的窗口是滚动内容类。IonicsCroll资源

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>

并用于此一个离子侵入式旋转