Ionic 4 problem when adding content before ion-virtual-scroll

@alnassreit wrote:

I have this code and it’s working totally fine using ionic 4 and angular 8

<ion-content>
<ion-virtual-scroll>
...
...
...
</ion-virtual-scroll>
</ion-content>

after added some content before ion-virtual-scroll it cost to this problem. the items not showing in the right time [see Gif]

<ion-content>
<div class="content-header">...</div>
<ion-virtual-scroll>
...
...
...
</ion-virtual-scroll>
</ion-content>

Mar-28-2020 14-28-16368×646 1.8 MB

when I display:none the class .content-header it work fine again.

Q:

is there a way to make ion-virtual-scroll load more content on the screen?

is there a way to hide the .content-header after scrolling down (may it work)?

Posts: 1

Participants: 1

Read full topic