Reputation: 70
I have an angular project that I want to make mobile. I am trying to add Ionic to the application, but when I do, I can no longer scroll within the app. I don't want to use any Ionic-specific components, I just want to build the app for android/ios. I don't understand where my scrollbar went.
Upvotes: 1
Views: 1600
Reputation: 41
check if you have any CSS style of height: 100%
and replace it with min-height: 100%
This ensures the element takes at least the full viewport height but allows it to expand dynamically if its content overflows
Upvotes: 0
Reputation: 432
Actually your issue could be fixed by wrapping the content in <ion-content>
.
However, since you don't want to use any Ionic specific codes, I recommend you wrap it in a <div>
and just copy the predefined css of the ion-content, below link should help:
https://ionicframework.com/docs/api/content
Upvotes: 1
Reputation: 1870
not sure if this will help you, but I had an app that scrolled on desktop browsers and not on some mobile and seemed to fix it by adding this to the css: 'overflow-y': 'scroll'.
Upvotes: 0