Skip to main content

How To Disable / Enable Content Scrolling in IONIC Framework?

Content Scrolling  Disable Enable IONIC FrameworkWe can disable/enable scrollbar pragmatically.  There are some  some example are give, you your suitable.

Example 1 -  Try a setting <content scroll="false"> that will disable scrolling.

Example 2 , You can alos used this as a quick fix –
This every time an event is called, in our case, on every drag event.

Disable Scrolling -
$ionicScrollDelegate.getScrollView().__enableScrollY = false


Enable Scrolling -
$ionicScrollDelegate.getScrollView().__enableScrollY = true


Example 3,
$timeout(function(){
   $ionicScrollDelegate.$getByHandle('formularContent').freezeScroll(true);
})

Example 4,
Add the .scss file –
.no-scroll .scroll-content{
    overflow: hidden;
}

And
Then add the no-scroll class to your ion-content like this –
<ion-content class="no-scroll">
..
</ion-content>

I hope you enjoyed with this post. Thank you very much for your time.