Есть ли способ использовать Ion-Refresher в элементе Ion-Content без сноса всего остального содержимого на странице?

Question

Я пытаюсь использовать Ion Refresher в списке, который находится внутри содержимого Ion. Я хочу раскрыть только этот список, но использование Ion Refresher, как указано в документации, приводит к смещению всей страницы, что не имеет смысла в этой ситуации. Как вы разделяете соответствующую область в Ionic V4?

Это список, который я использую.

<ion-content class="scroll-inner" *ngIf="platform.is('mobile') && transactions?.length > 0" scrollY="true">
        <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)"></ion-refresher>
        <ion-virtual-scroll no-margin no-padding [items]="transactions">
          <ion-item class="transaction" *virtualItem="let t">
            <ion-col size="4" size-xs="3" text-center>{{formatDate(t.timestamp)}}</ion-col>
            <ion-col size="4" size-xs="5" text-left>{{t.description}}</ion-col>
            <ion-col size="4" no-padding size-xs="2" text-center>{{t.fee ? (t.fee | currency) : '---'}}</ion-col>
            <ion-col size="4" no-padding size-xs="2" text-center [ngStyle]="t.amount === 0 && {'color': 'black'} ||
            t.amount > 0 && {'color': 'green'} ||
            t.amount < 0 && {'color': 'red'}">{{t.amount | currency}}</ion-col>
          </ion-item>
        </ion-virtual-scroll>
      </ion-content>

Этот блок кода является компонентом на странице, обернутым <ion-content></ion-content>