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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (589)

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

在该示例中,存在使用iframe的父HTML页面,该iframe包含另一个HTML页面(子)。以下是需要注意的事项:

  • 在任何设备上查看父HTML时,子HTML中的导航栏保持不变。这是预期的行为。
  • 但是,无论浏览器如何在iPhone上查看父HTML,子HTML中的导航栏都会丢失其固定位置。 这是一个仅在iPhone中发生的错误

有没有人想出position:fixediPhone或iOS设备的解决方法?

提问于
用户回答回答于

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

扫码关注云+社区

领取腾讯云代金券