這是一個模態(tài)的現(xiàn)場演示(它應(yīng)該在幾秒鐘后打開。更新:此鏈接現(xiàn)在顯示完成的版本)。

這是包含所有文件的GitHub repo。(更新:此鏈接現(xiàn)在顯示完成的版本)。

當(dāng)我向上滾動時，彈出窗口的頂部被切掉了，但我無法向上滾動看到它，盡管有overflow-y:scroll；在彈出容器上。

這個問題發(fā)生在(以防你在演示中看不到)分辨率較小的屏幕上(見此處)或者屏幕寬度收縮時(見此處)。

我建議對CSS進(jìn)行以下修改:

設(shè)置溢出:彈出窗口打開時隱藏在主體上。這將停止惱人的滾動身體時，試圖滾動彈出窗口。 移除#彈出菜單上的翻譯 將頁邊距更改為自動 將頂部和左側(cè)更改為0 添加右側(cè)和底部，并設(shè)置為0 最后一項將自動使彈出內(nèi)容在窗口中居中，您將能夠在彈出容器div中滾動(這是因為位置被設(shè)置為絕對)。

也可能要設(shè)置背景色:#fff on #top-section，這樣如果窗口很短，你仍然可以看到文本，否則它會在黑暗的透明背景上顯示黑色文本。

似乎我的回答有點晚了，但是將模型本身的css屬性設(shè)置為:

max-height: 100%;

可能修復(fù)此問題。

對我來說，移除顯示器:flex成功了