Swipe up for new card

Hey I want to implement a swipe-up gestures that will load only a new card (not whole page) when it is swiped up. I have implemented the basic vertical swipe gesture in html now. But I don’t know how to make a swipe-up and what to implement in the html area.

 <ion-card (swipe)="swipeEvent($event)">

   
    <img src="img/lol.png"/>
  
  </ion-card>

Console.log($event) and check the different valued pending your swipe