Hello. I would love to have a page where user can not scroll. In first version of ionic i could simply add scroll="false" and it would turn off the scroll of the content. Now to turn off the scroll i’m doing the following dirty work ion-content[scroll="false"] { scroll-content { overflow-y: hidden!important; } } As ionic automatically creates margin-top and margin-bottom for scroll-content , im doing the following to overwrite them ionViewLoaded() { setTimeout( () => { this.calcScrollStyle(); }, 100); } calcScrollStyle() { let scrollContent = document.getElementsByTagName('scroll-content').item(document.getElementsByTagName('scroll-content').length -1); scrollContent.style['padding-top'] = scrollContent.style['margin-top']; scrollContent.style['padding-bottom'] = scrollContent.style['margin-bottom']; scrollContent.style['margin-top'] = '0px'; scrollContent.style['margin-bottom'] = '0px'; scrollContent.style['height'] = '100%'; } As you can see it is very dirty way of accomplishing simple thing. Maybe there is an easier way of disabling the scroll in ionic2 ??? Thanks in advance! :slight_smile:

If any1 else wants to disable scroll: I’ve checked and figured out that: scroll will be disabled if total height of the elements inside ion-content will not be more than height of scroll content. therefore i prepared my content to be exactly the same height as scroll content using relativity

Same Problem here. i found this Proposal: Non-scrollable page content · Issue #5987 · ionic-team/ionic-framework · GitHub but nothing worked!! My Forum Post here: [image] How to use ion-fixed ionic-v3 Hi, can you add ion-fixed in your doc? How can i use ion-fixed? Thanks, Daniel Thanks, Daniel

I don’t think it is a good solution as you work on dom element and this is something you shouldn’t be doing in Angular2.

Yes i totally agree with you. that is why i replied above If any1 else wants to disable scroll: I’ve checked and figured out that: scroll will be disabled if total height of the elements inside ion-content will not be more than height of scroll content. therefore i prepared my content to be exactly the same height as scroll content using relativity so im not doing any of that dirty work anymore, i just placed elements inside ion-content to have correct height

I have been searching on web for a week now. Can’t find any solution. I need my content to not be bouncable and scrollable. Can’t find a solution. I am happy if you share yours Bacically we need this page in Ionic2: http://ionicframework.com/docs/api/directive/ionContent/

HINT: It looks like there is a class “no-bounce”. Search in the entire solution “no-bounce”, you ll find something in app.ios.css and [vaerek] How can I disable or hide the scrollbar within an Ionic 2 ionic-framework, angular, ionic2 asked by vaerek on 01:11AM - 12 Mar 16

There is also class disable-scroll which ionic applies to when you open AlertController or LoadingController. However i’m not still sure how to use that. Regarding to my current solution i have followings: HTML and CSS .home-page { ion-row[height-50] { height: 50%; position: relative; } }

hum I am guessing it is an attribute not a class: So I am guessing: or, in your case:

No. Actually it is a class. Check the Video

This is driving me nuts as well. Seems like there should be a simple way to do this. Change docs for RC0 state: has been removed, use instead. I’ve tried using with and without an enclosing container tag. While it does seem to disable scrolling, it also hoses my previously functional layout.

Scroll="false" in ionic?

Ionic Framework ionic-v3

danielmm1997 September 26, 2016, 7:18pm 3

Same Problem here.
i found this Proposal: Non-scrollable page content · Issue #5987 · ionic-team/ionic-framework · GitHub but nothing worked!!

My Forum Post here:

Thanks,
Daniel

Topic		Replies	Views
Disable scroll of ion-content ionic-v3	0	412	March 13, 2018
Disable scroll in ion-content [solved] ionic-v3	6	11150	April 20, 2017
Need to disable scroll of content ionic-v3	1	560	August 9, 2016
How to disable scroll of an ion-content ionic-v3	0	2464	April 14, 2016
Ion-scroll inside ion-content scroll=false sticks ionic-v1	2	3255	July 18, 2016

Scroll="false" in ionic?

Related topics