当使用iPhone或iOS设备在`iframe`中查看时,为什么`position:fixed`不起作用?

ayj*_*jay 15 css iframe css-position ios

我已经研究过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:fixediPhone或iOS设备的解决方法?

Pat*_*ick 1

在 iOS 上的 Chrome 和 Safari 中,这里的问题似乎不是固定位置,而是 iframe 的高度。来自另一个 SO 答案:“从 Safari iOS 版本 4.2.1 开始,并且从 4.3.3 开始,iFrame 的全部内容都会被强制显示。”

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