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

Question

我有一个简单的模态窗口，我在其中包含一个dabase中的人员列表。问题是它是固定的模态窗口，当我动态地向列表添加更多名称时，对话框扩展到浏览器窗口视图之外，但滚动条不会激活？一旦它滚动到窗口视图上，如何让滚动条显示？我把下面的困境照片和CSS放在一起。我感谢人们在解决这个问题时可能提出的任何建议。

我的modal窗口的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;
}