固定模态窗口中的 CSS 滚动条

Question

我制作了一个简单的模式窗口，其中包含数据库中的人员列表。问题是因为它是固定模式窗口，当我动态地向列表添加更多名称时，对话框会扩展到浏览器窗口 View 之外，但滚动条不会激活？一旦滚动条超出窗口 View ，如何让滚动条显示出来？我在下面放置了我的困境和 CSS 的照片。我很感激人们在解决这个问题时可能提出的任何建议。

还有我的模态窗口 CSS:

.modalPersonResp{
    background-color: white;
    position: fixed;
    top: 10%;
    left:25%;
    height:auto;
    width: 50%;
    z-index: 1000;
    padding-right: 0%;
    padding-left:0%;
    padding-top: 0%;
    padding-bottom: 1%;
    border-radius: 10px;
}

Answer 1

设置固定高度并调整 CSS 中的溢出设置应该可以纠正该行为:

.modalPersonResp{
    background-color: white;
    position: fixed;
    top: 10%;
    left:25%;
    height:80%;
    width: 50%;
    z-index: 1000;
    padding-right: 0%;
    padding-left:0%;
    padding-top: 0%;
    padding-bottom: 1%;
    border-radius: 10px;
    overflow: scroll;
}