当使用iPhone或iOS设备在`iframe`中查看时，为什么`position：fixed`不起作用？

Question

我已经研究过stackoverflow，似乎position:fixed in an iframe for iOS mobile devices过去一直是一个问题，但尚未得到答案。

这是我通过jsbin创建的一个例子：http://jsbin.com/pekeca/1/

在该示例中，存在使用iframe的父HTML页面，该iframe包含另一个HTML页面（子）。以下是需要注意的事项：

• 在任何设备上查看父HTML时，子HTML中的导航栏保持固定。这是预期的行为。
• 但是，无论浏览器如何在iPhone上查看父HTML，子HTML中的导航栏都会丢失其固定位置。这是一个仅在iPhone中发生的错误。
• 当iPhone中的child HTML page is viewed directly (i.e., not inside an iframe)时，导航栏保持固定位置并且工作正常。

有没有人在iPhone或iOS设备中找到position:fixed的解决方法？

Answer 1

在iOS上的Chrome和Safari中，这里的问题似乎不是固定位置，而是iframe的高度。从另一个SO回答：“从Safari iOS 4.2.1开始，到4.3.3版本，强制显示iFrame的全部内容。”

这些其他帖子可能会帮助您：

• iOS（iPad）上的iframe内容裁剪问题 - https://stackoverflow.com/a/10816492/1359306
• iFrame和Mobile Safari（iPad / iPhone） - https://stackoverflow.com/a/19667786/1359306