当使用iPhone或iOS设备在`iframe`中查看时，为什么`position：fixed`不起作用？
我已经研究过stackoverflow，看起来这个position:fixed在iOS移动设备的iframe中一直是一个问题，但还没有答案。
这是我通过jsbin创建的一个例子： http ：//jsbin.com/pekeca/1/
在该示例中，存在使用iframe的父HTML页面，该iframe包含另一个HTML页面（子）。 以下是需要注意的事项：
- 在任何设备上查看父HTML时，子HTML中的导航栏保持不变。 这是预期的行为。
- 但是，无论浏览器如何在iPhone上查看父HTML，子HTML中的导航栏都会丢失其固定位置。 这是一个仅在iPhone中发生的错误 。
- 当在iPhone中直接查看子HTML页面（即，不在iframe内）时，导航栏保持在固定位置并且工作正常。
有没有人想出一个针对position:fixed的解决方法position:fixed在iPhone或iOS设备中position:fixed ？
在iOS上的Chrome和Safari中，似乎这里的问题不是固定位置，而是iframe的高度。 从另一个SO回答：“从Safari iOS 4.2.1开始，到4.3.3为止，强制显示iFrame的全部内容。”
这些其他post可能会帮助您：
- iOS（iPad）内容裁剪问题上的iframe – https://stackoverflow.com/a/10816492/1359306
- iFrame和Mobile Safari（iPad / iPhone） – https://stackoverflow.com/a/19667786/1359306