Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Ionic 2 <ion-content> disable scroll

Tags:

scroll

ionic2

I've tried several methods to disable scroll, including using CSS position: fixed, attribute overflow-scroll="false" and etc, but all methods failed.

When I swipe down, the buttons will go up and while I swipe up the buttons will go down, like bouncing effect.

May I know any solutions to this issue? Thank you very very much.

like image 622
Reo Lim Avatar asked Nov 04 '16 03:11

Reo Lim


People also ask

How do you make ion-content scrollable?

When you use resize() it again recalculate the size of content i.e. will make your <ion-content><ion-content/> scrollable.

How do I enable scrolling in Ionic?

1 Answer. Show activity on this post. simply added overflow-scroll="false" in ion-content.

How do you add padding to ion-content?

In Ionic 5, there are some changes regarding how we set padding of the ion-content component. We set the padding by using these CSS custom properties: --padding-bottom Bottom padding of the content. --padding-end Right padding if direction is left-to-right, and left padding if direction is right-to-left of the content.


1 Answers

Tested with ionic 3 (should work on ionic 2):

<ion-content no-bounce></ion-content> 
like image 137
OriolJ Avatar answered Oct 03 '22 13:10

OriolJ