如何重新计算离子行的高度

Question

我正在开发一个应用程序，其中生成一个列表的特定时间，请参阅：

CSS 图层类填充了离子页脚旁边的部分，但是当列表增长太多时，该类无法正常工作，请参阅：

我该如何解决这个问题？它遵循CSS类，但我认为问题不在其中，而在于Ionic本身。

ION-内容

<ion-content class="background">
    <ion-grid class="layer">
        <ion-row>
            <ion-col col-12>
                <div class="title">
                    <p>
                        <strong>Listas de exercícios ({{amountList}})</strong>
                    </p>
                </div>
            </ion-col>
            <ion-col>
                <ion-list>
                    <button ion-item *ngFor="let exercise of exercises" (click)="itemSelected(exercise.id)">
                    {{ exercise.name }}
                  </button>
                </ion-list>
            </ion-col>
        </ion-row>
    </ion-grid>
</ion-content>

CSS

.background {
    background: url(../assets/imgs/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.layer {
    background-color: rgba(104, 101, 101, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Answer 1

也许你想为你的离子列表使用离子滚动