Bootstrap Iphone 上的模态弹出问题
Bootstrap modal pop up issue on Iphone
我将 iframe-resizer 用于跨域应用程序，Iframe 在桌面和安卓设备上加载正常，但在我的 Iphone 上，我面临以下问题：
当我在页面上滚动时，Iframe 应用程序上的 bootstrap 模态弹出窗口隐藏并闪烁。
我试过了
-webkit-overflow-scrolling: touch;
在 Iframe 的容器上，但这不起作用。
任何 help/suggestion 将不胜感激。
我们使用 position:absolute 而不是 position:fixed
解决了这个问题
固定位置和绝对位置在行为上有些相似。两者都在视口中使用 x,y 定位，并且都在 DOM 文档流之外，因此其他内容不受容器放置的影响。两者都需要 zIndex 定位来确定视图堆栈中的垂直优先级。
固定位置使元素固定在您设置的任何位置，而不管浏览器的滚动位置如何。这在某些您实际上想要滚动整个页面但保留内容的场景中是有意义的。要记住的关键是当你在页面上构建自己的可滚动内容时不要使用它。
事实证明，在我的情况下我并不真的需要 position:fixed，因为我自己管理容器和工具栏页眉和页脚的位置和大小。我知道所有内容的位置，并使内容区域有效地嵌入到静态大小的元素中间。通过 CSS 和媒体查询，我可以使用固定大小强制页眉在顶部，页脚在底部，这意味着我可以安全地使用 position:absolute.
我将 iframe-resizer 用于跨域应用程序，Iframe 在桌面和安卓设备上加载正常，但在我的 Iphone 上，我面临以下问题：
当我在页面上滚动时，Iframe 应用程序上的 bootstrap 模态弹出窗口隐藏并闪烁。 我试过了
-webkit-overflow-scrolling: touch;
在 Iframe 的容器上，但这不起作用。
任何 help/suggestion 将不胜感激。
我们使用 position:absolute 而不是 position:fixed
解决了这个问题固定位置和绝对位置在行为上有些相似。两者都在视口中使用 x,y 定位，并且都在 DOM 文档流之外，因此其他内容不受容器放置的影响。两者都需要 zIndex 定位来确定视图堆栈中的垂直优先级。
固定位置使元素固定在您设置的任何位置，而不管浏览器的滚动位置如何。这在某些您实际上想要滚动整个页面但保留内容的场景中是有意义的。要记住的关键是当你在页面上构建自己的可滚动内容时不要使用它。
事实证明，在我的情况下我并不真的需要 position:fixed，因为我自己管理容器和工具栏页眉和页脚的位置和大小。我知道所有内容的位置，并使内容区域有效地嵌入到静态大小的元素中间。通过 CSS 和媒体查询，我可以使用固定大小强制页眉在顶部，页脚在底部，这意味着我可以安全地使用 position:absolute.