How to disable scroll for ion-content in ionic 2?

Note: If you are having problems formatting your issue please refer to this article on using markdown in Github:

https://guides.github.com/features/mastering-markdown/

Note: for support questions, please use one of these channels:

https://forum.ionicframework.com/ http://ionicworldwide.herokuapp.com/

Short description of the problem:

What behavior are you expecting?

Steps to reproduce: 1. 2. 3.

insert any relevant code between the above and below backticks

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)

Which Ionic Version? 1.x or 2.x

Plunker that shows an example of your issue

For Ionic 1 issues - http://plnkr.co/edit/Xo1QyAUx35ny1Xf9ODHx?p=preview

For Ionic 2 issues - http://plnkr.co/edit/me3Uk0GKWVRhZWU0usad?p=preview

Run ionic info from terminal/cmd prompt: (paste output below)

[larssn]

If anyone is still having trouble with this, add no-bounce to ion-content, and see if that fixes it.

<ion-content no-bounce></ion-content>

[0x1ad2]

I used the following SO answer to fix it http://stackoverflow.com/a/40826366/1783311

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>