html - 如何使单个 ionic 卡元素列表可滚动

Question

我已经搜索了几个小时，寻找一种方法可以使单个 ionic 卡在包含多张卡片的页面上滚动。似乎 ion-scroll 元素已被弃用，所有在线教程均无效。

        <ion-card style="height:150px;" scroll-y="true"  class="groupList">

                <ion-card-header>
                 <!-- some content -->
                </ion-card-header>
                <ion-card-content>
                 <ion-list *ngFor="let group of myGroups">
                    <ion-item>
                        <!-- <ion-avatar slot="start">
                            <img [src]="group.photoUrl"/>    
                        <!-- </ion-avatar>  -->
                        <ion-label>
                            <h2>{{group.groupName}}</h2>
                        </ion-label>
                      </ion-item>
                 </ion-list>
                </ion-card-content>
        </ion-card>

这只是一个具有最大高度的简单列表...我只想让单个卡片可滚动。
谢谢

Answer 1

只需在您的 groupList 类上使用 overflow: scroll:

在你的 page.scss 文件中:

.groupList {
    overflow: scroll;
}