Horizontal scroll inside card

Ionic Framework ionic-v3
1

Hi everyone,

I want a horizontal scroll with images inside a card.

I have the following working code for the horizontal scroll:

<ion-scroll scrollX="true">
    <img *ngFor="let image of item.images" [src]="image"/>
</ion-scroll>

ion-scroll {
   white-space: nowrap;
   height: 200px;
}

But it does not work when i use it inside a card

   <ion-card>
     <ion-card-header>
        <ion-icon name="images"></ion-icon>
        Images
     </ion-card-header>
     <ion-card-content>
       <ion-scroll scrollX="true">
         <img *ngFor="let image of pet.images" [src]="image" />
       </ion-scroll>
     </ion-card-content>
   </ion-card>

Can someone help me out please?

2

can anyone help in this?

3

Same Issue. Scrolling isn’t working for ionic 2 cards. I am trying to achieve results like Trello.