Safari 位置固定在溢出内:自动

cha*_*gne 6 css fixed overflow mobile-safari

我在网上看到有一些position: fixed与 Mobile Safari 相关的错误,但到目前为止我找不到任何解决方案。

我有一个 divoverflow: auto,里面有一个position: fixed元素。在桌面、Android、Chrome 和 Firefox 上,它运行得很好,但当我尝试在 iPhone 上的 Safari 上执行相同操作时,行为完全不同,我的应用程序无法运行。

position: fixed元素是一个弹出窗口,我希望它占据整个页面。从技术上讲,在 safari 中它确实占据了整个页面,但我只能看到直接位于弹出窗口上方的部分overflow: auto元素上方的弹出窗口的一部分。div 之外的所有内容都是透明的。我说从技术上讲是因为整个弹出窗口仍然位于所有内容之上,但我看不到它。但我仍然可以与它互动。

我尝试使用position: absolute但就我而言,这不是一个可行的选择,因为第一个元素位于另一个位置相对或绝对元素内,并且它不会做同样的事情。

a 可以看到的唯一选项是在显示弹出窗口时更改溢出值,并在关闭弹出窗口时将其更改回来。

有什么我错过的吗?