I’m trying to disable virtual scrolling for ion-content.
I have an ion-list in my page. I have enabled scrolling for it.
Because of this, I want to disable main scrolling.
I gave scroll=false but it ain’t working.
Here’s a Demo Link
My view page:
<ion-content scroll=false>
<ion-grid>
<!-- Row 2 Scrollable list -->
<ion-row>
<ion-col>
<ion-searchbar></ion-searchbar>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<ion-scroll style="width:100%;height:100vh" scrollY="true">
<ion-list scroll="true">
<ion-item *ngFor="let item of data">
<div>{{item}}</div>
</ion-item>
</ion-list>
</ion-scroll>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>