Ionic slider: Allow cards not to be sticky

Ionic Framework
1

I am using Ionic slider with Angular to display 3 cards where each card takes around 90% of the screen width (so that the next one is visible slightly)

638×656 25.5 KB

 <ion-slides [options]="{ slidesPerView: 'auto'}">
    <ion-slide>
        test 1
    </ion-slide>
    <ion-slide>
        test 2
    </ion-slide>
    <ion-slide>
        test 3
    </ion-slide>
</ion-slides>

The problem is that when I start dragging the slide and when I release it, it does not stay where I left it (e.g. between the slides), but moves the focus to the image which occupies the most of the screen. It is “sticky”.

What I’d like to achieve is that whenever I grab the slide, it stays where it is when released, rather than moving left or right.

For example, I need it to stay like this, if the user left it:

598×656 28.3 KB

How can this be achieved?

Thank you!