javascript - Mobile Safari-15 底部导航区问题

Question

问题
如果在底部导航折叠时打开模态(绝对位置或固定位置)，底部导航区域将保留为空白区域。我认为该区域是浏览器区域，因此无法通过 css 或 javascript 摆脱该区域。
有什么办法可以去掉空白区域吗？

我将 body 位置设置为固定以防止 body 滚动。 body 位置固定时似乎会发生

Safari-15 bottom navigation area issue video

Answer 1

我有同样的问题。我使用 Bootstrap (4.1v)并设置

.modal .modal-dialog-centered {
        min-height: 100vh;
}

和

html,body{
height:100vh;
}

这解决了我在 IOS 中的模态问题。