Disable scroll of ion-content

Question

I need disable scroll of ion-content because im using ion-scroll on a custom component. Already tried set no-bounce and ion-fixed on ion-content. I also tried set this css:

.content .scroll-content {
        overflow: hidden;
}

but it doesnt works. I just need disable the scroll of content and preserve the scroll of custom component.

Thanks in advance.

Answer 1

Add this to your .scss file

.no-scroll .scroll-content{
     overflow: hidden;
}

Then add the no-scroll class to your ion-content like this

<ion-content class="no-scroll">
..
</ion-content>

Answer 2

ion-content {
     --overflow: hidden;
}

Answer 3

You can do this by two different approaches :

In SCSS:-

ion-content {--overflow: hidden}

OR

In Html:-

<ion-content scroll-y="false">