Horizontal VirtualScroll Component

Ionic Framework ionic-v3
1

Hi there,
I’m unable to make virtual scroll work inside a horizontal scroll component. Tried many options somethings on the lines of:

<ion-scroll scrollY="false">
    <div class="scroll-section" [virtualScroll]="items" approxItemWidth="92px" approxItemHeight="138px">
        <div *virtualItem="let item">
            <ion-img [src]="item.imagePath></ion-img>
        </div>
    </div>
</ion-scroll>

Looking at https://ionicframework.com/docs/v2/api/components/virtual-scroll/VirtualScroll/ I see traces of information that suggest it may not work for horizontal scrolling areas e.g. “approxItemHeight” property cannot be specified in % units – unlike the way “approxItemWidth” which is defaulted to 100%.

Anybody made it work?

2 Likes
2

Were you able to find a solution to this? @baskin