Бесконечная прокрутка сверху в Ioni c 5 не работает должным образом - PullRequest
Новая
       6

Бесконечная прокрутка сверху в Ioni c 5 не работает должным образом

0 голосов
/ 07 мая 2020

Я пытаюсь реализовать бесконечную прокрутку из top .

Проблема, с которой я столкнулся, заключается в том, что прокрутка не работает после того, как я добрался до верхней части страницы. Я ожидаю, что данные будут добавляться всякий раз, когда я достигну верхней части экрана. Однако он работает, когда я немного прокручиваю вниз, а затем немного прокручиваю вверх, данные вызываются и добавляются в массив.

Застрял на этом в течение нескольких часов. Не уверен, что мне нужно настроить значение threshold элемента ion-infinite-scroll. Может ли кто-нибудь помочь?

HTML

<ion-content [scrollEvents]="true" (ionScroll)="logScrolling($event)">

  <ion-list>
     <ion-item *ngFor="let item of items">
         <ion-label>{{item.name}}</ion-label>
     </ion-item>
  </ion-list>

  <ion-infinite-scroll threshold="10%" postion="top" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="Loading more data...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>

TS 

  @ViewChild(IonInfiniteScroll, { static: false })
  infiniteScroll: IonInfiniteScroll;
  @ViewChild(IonContent, { static: false }) content: IonContent;

  ...

  loadData(event) {
    setTimeout(() => {
      this.getNewData();
      event.target.complete();
    }, 500);
  }
...