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,
$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.
ANIL SINGH

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 Blogs - https://code-sample.com and https://code-sample.xyz
My Book1 - BEST SELLING ANGULAR BOOK (INCLUDING ALL VERSIONS 2, 4, 5, 6, 7)
My Book2 - ANGULAR 2 INTERVIEW QUESTIONS BOOK - Both Books are Available on WorldWide.

www.code-sample.com/. Powered by Blogger.