Detect horizontal scroll on a div

Ionic Framework ionic-v3
1

Hi,

Hi I am trying when the user scrolls horizontally inside a div. This is my code:

<ion-header no-border no-shadow>
  <ion-navbar class="home" hideBackButton="true" no-border no-shadow>
    <ion-buttons left navPop>
      <button ion-button icon-only>
        <img src="assets/icon/ic-back.svg">
      </button>
    </ion-buttons>
    <ion-title>{{ title }}</ion-title>
    
  </ion-navbar>
  <div class="header_mask_front"></div>
  <div class="sections" (scroll)="scrollTest($event)">
    <ion-segment mode="md" [(ngModel)]="sections" color="primary">
    ...
    </ion-segment>
  </div>
</ion-header>

  scrollTest(ev:Event){
    console.warn('scroll')
  }

My problem is that the scroll event is not fired. What am I doing wrong?

Ionic 3.9.2

thanks

2 

<div (swipe)="swipeEvent($event)">
    <ion-card>
        <ion-card-header> Hi</ion-card-header>
    </ion-card>
</div>

swipeEvent(event){
   //Swiped for right side
   if(event.direction == 4 ){
}
  //Swiped for left side(other side because i used else)
else{
   }
}

Other values for swipe.direction

Name Value
DIRECTION_NONE 1
DIRECTION_LEFT 2
DIRECTION_RIGHT 4
DIRECTION_UP 8
DIRECTION_DOWN 16
DIRECTION_HORIZONTAL 6
DIRECTION_VERTICAL 24
DIRECTION_ALL 30