Как использовать (ionScroll) на пользовательский компонент в ионной 3

Question

Я хочу использовать событие (ionScroll) для пользовательского компонента, чтобы при прокрутке страницы вместе с пользовательским компонентом происходило событие.

Пример:custom-component.ts: -

import { Component, Input } from '@angular/core';

@Component({
  selector: 'custom-component',
  templateUrl: 'custom-component.html'
})
export class customComponent {
  @Input() image: string;
   onScroll()
{
//Somthing to do
}
}

заказ component.html: -

<div (ionScroll)="onScroll($event)">
      <ion-row>
      <ion-col text-center>
        <div class="circle-div div-big">
          <img [src]="image">
        </div>
      </ion-col>
    </ion-row>

</div>

IonicPage.html: -

<ion-header>
  <ion-navbar>
    <ion-title>Ionic Page</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
    **<custom-component image="cat.svg"  ></custom-component>**
</ion-content>