Iphone上的引导模式弹出问题

Iphone上的引导模式弹出问题,iphone,iframe,safari,responsive,iframe-resizer,Iphone,Iframe,Safari,Responsive,Iframe Resizer,我使用的是跨域应用程序,Iframe在桌面和andriod设备中可以正常加载,但在我的Iphone上,我面临以下问题: 当我在页面上滚动时,Iframe应用程序上的引导模式弹出窗口隐藏并在后面闪烁。 我试过了 -webkit溢出滚动:触摸 在Iframe的容器上,但这不起作用 任何帮助/建议都将不胜感激。我们通过使用位置:绝对而不是位置:固定解决了此问题 位置固定和绝对在行为上有些相似。两者都在视图端口中使用x、y定位,并且都在DOM文档流之外,因此其他内容不受容器放置的影响。两者都需要zInd

我使用的是跨域应用程序,Iframe在桌面和andriod设备中可以正常加载,但在我的Iphone上,我面临以下问题:

当我在页面上滚动时,Iframe应用程序上的引导模式弹出窗口隐藏并在后面闪烁。 我试过了

-webkit溢出滚动:触摸

在Iframe的容器上,但这不起作用


任何帮助/建议都将不胜感激。

我们通过使用位置:绝对而不是位置:固定解决了此问题

位置固定和绝对在行为上有些相似。两者都在视图端口中使用x、y定位,并且都在DOM文档流之外,因此其他内容不受容器放置的影响。两者都需要zIndex定位来确定视图堆栈中的垂直优先级

“位置固定”(Position fixed)可将图元固定在您将其设置为的任何位置,而不考虑浏览器的滚动位置。在某些情况下,这是有意义的,您实际上希望滚动整个页面,但保留内容。要记住的关键是,当您在页面上构建自己的可滚动内容时,不要使用它

事实证明,在我的例子中,我并不真的需要位置:修复,因为我自己管理容器和工具栏页眉和页脚的位置和大小。我知道所有的位置都在哪里,并将内容区域有效地固定在静态尺寸的元素中间。通过CSS和媒体查询,我可以使用固定大小强制页眉在顶部,页脚在底部,这意味着我可以安全地使用position:absolute