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

Son*_*ong 5 javascript css mobile-safari ios15

问题

如果在底部导航折叠时打开模态(绝对位置或固定位置),底部导航区域将保持空白区域。我认为该区域是浏览器区域,因此无法通过css或javascript摆脱该区域。

有什么办法可以去掉空白区域吗?

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

Safari-15底部导航区域问题视频

Tod*_*kov 3

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

.modal .modal-dialog-centered {
        min-height: 100vh;
}
Run Code Online (Sandbox Code Playgroud)

html,body{
height:100vh;
}
Run Code Online (Sandbox Code Playgroud)

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