当使用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可能会帮助您: