Ethan Powers
Ethan Powers

Reputation: 70

Scrolling disappeared in angular ionic

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

Answers (3)

Abdelilah Dahdahi
Abdelilah Dahdahi

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

Haythem
Haythem

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

Rick
Rick

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

Related Questions