ionic4 - Adding a scroll bar in ionic cards

Question

Is it possible to have a scroll bar in an ionic card and if so how do you do it?

Question

I want to have particular size for the ionic card and when the data increases the user should be able to scroll down within the card so the user can see the information

question from:https://stackoverflow.com/questions/65832822/adding-a-scroll-bar-in-ionic-cards

Answer 1

5

I solved the problem by setting the following css code on my ion-card :

ion-card {
  max-height: 100%;
  display: flex;
  flex-direction: column;
}

I also removed the ion-card-content element, and apply the following css code on the ion-list :

ion-list {
  overflow: hidden;
  overflow-y: auto;
  ::-webkit-scrollbar {
    display: none;
  }
}