在离子卡中添加滚动条

Question

是否可以在离子卡中设置滚动条，如果可以，您是如何做到的？

问题

我想为离子卡设置特定尺寸，当数据增加时，用户应该能够在卡内向下滚动，以便用户查看信息

Answer 1

5

我通过在我的 ion-card 上设置以下 css 代码解决了这个问题：

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

我还删除了 ion-card-content 元素，并在 ion-list 上应用以下 css 代码：

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