Javascript Safari won'；t让我全屏显示一个隐藏溢出的弹出窗口

当前，当用户有一个小屏幕（例如Iphone 5）时，尝试在safari中显示一个全屏弹出窗口。在chrome中，这项功能如预期般工作，但似乎无法在safari上实现

这个想法是弹出窗口应该占据设备的整个屏幕，并且应该只滚动弹出窗口的内容（所以不是整个html文档）

如前所述，由于某些原因，这在chrome上有效，而在safari上无效

我扫描了多篇文章，发现您需要对body和html应用以下内容。然而，这并不能解决问题

.no-overflow {
    overflow: hidden;
    position: relative;
    height: 100vh;
}

---

我也遇到过这个问题，我在谷歌上找到了两种方法来解决这个错误

=============================================

第一种方式：

编辑css：

body {
  position: relative;
  overflow-y: hidden;
}

body {
  position: fixed;
  overflow-y: hidden;
}

body {
  overflow: initial;
}
hidden-div {
  overflow: hidden;
  height: 100vh;
}

但这种方式在我的环境中不起作用

第二种方式：

编辑css：

body {
  position: relative;
  overflow-y: hidden;
}

body {
  position: fixed;
  overflow-y: hidden;
}

body {
  overflow: initial;
}
hidden-div {
  overflow: hidden;
  height: 100vh;
}

但这样会破坏布局

===========================================================================

我开始尝试其他方法，最终我与我的团队找到了解决方案

编辑css：

body {
  position: relative;
  overflow-y: hidden;
}

body {
  position: fixed;
  overflow-y: hidden;
}

body {
  overflow: initial;
}
hidden-div {
  overflow: hidden;
  height: 100vh;
}

---

我也遇到过这个问题，我在谷歌上找到了两种方法来解决这个错误

=============================================

第一种方式：

编辑css：

body {
  position: relative;
  overflow-y: hidden;
}

body {
  position: fixed;
  overflow-y: hidden;
}

body {
  overflow: initial;
}
hidden-div {
  overflow: hidden;
  height: 100vh;
}

但这种方式在我的环境中不起作用

第二种方式：

编辑css：

body {
  position: relative;
  overflow-y: hidden;
}

body {
  position: fixed;
  overflow-y: hidden;
}

body {
  overflow: initial;
}
hidden-div {
  overflow: hidden;
  height: 100vh;
}

但这样会破坏布局

===========================================================================

我开始尝试其他方法，最终我与我的团队找到了解决方案

编辑css：

body {
  position: relative;
  overflow-y: hidden;
}

body {
  position: fixed;
  overflow-y: hidden;
}

body {
  overflow: initial;
}
hidden-div {
  overflow: hidden;
  height: 100vh;
}

---

谢谢你！我会尽快尝试的！我试过了，但对我们不起作用。用

隐藏div

验证一下，你是说弹出窗口吗？谢谢！我会尽快尝试的！我试过了，但对我们不起作用。只是想用

hidden div

验证一下，你是说弹出窗口吗？你需要在这里发布一个显示问题的标记的最小示例，而不是一个明天可能改变或消失的小提琴，对任何人都没有帮助：你需要在这里发布一个显示问题的标记的最小示例，不是明天可以改变或消失的小提琴，对任何人都没有帮助：