I am using ion-item to display a list of text wrapped in an ion-list element.
However, I want:
When the user swipe up or down, instead of stopping at where the swipe stops, the list can itself slide up or down to the closest item. In another word, there is always an entire ion-item displayed at top of the ion-list.
- Before swiping, the screen displays item 3, 4, 5, 6 (like illustrated below)
- Then user swipes up so the list scrolls down.
- After swiping, only portion of item 5 stops at top border of screen.
- Now the list itself should slide down by itself until the entire item 5 shows. Thus the ‘whole’ item 5 row appears as the first item in the screen.
— screen top border—
— screen bottoom border—
<ion-list> <ion-item *ngFor="let item of items;" text-wrap> </ion-list>