Content Scrolling Disable

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,

Example 4,
Add the .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">

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

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog -
My Books - Book 1 and Book 2 Powered by Blogger.