固定模式窗口中的CSS滾動條

Question

我有一個簡單的模式窗口，我已經包含了一個dabase中的人員列表。問題是因爲它是固定模式窗口，當我動態地向列表中添加更多名稱時，對話框擴展到瀏覽器窗口視圖之外，但滾動條不會激活？一旦它展開在窗口視圖之上，我該如何讓滾動條顯示？我在下面放置了我的困境照片和CSS。我很感謝人們在解決這個問題時可能會有的建議。

我的CSS爲modalwindow：

.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; 
}