html - 如何使单个 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>

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

最佳答案

只需在groupList类上使用overflow: scroll即可：

在您的page.scss文件中：

.groupList {
    overflow: scroll;
}

关于html - 如何使单个 ionic 卡元素列表可滚动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58369413/