【问题标题】:Why does `position:fixed` not work when viewed in an `iframe` using an iPhone or iOS device?为什么使用 iPhone 或 iOS 设备在“iframe”中查看时“位置:固定”不起作用?
【发布时间】:2015-01-20 22:04:42
【问题描述】:

我查看了 stackoverflow,似乎 position:fixed in an iframe for iOS mobile devices 过去曾是一个问题,但尚未得到答案。

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

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

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

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

【问题讨论】:

  • 我遇到了同样的问题,你找到解决方法了吗?
  • @Shuvro,不,我已经停止进一步研究它。但是,我的一个朋友给我发了this link,但我还没有尝试过。它与问题没有直接关系,但可以提供一些见解。
  • 它似乎不能解决问题,但它是解决其他 iOS iframe 问题的一个非常有用的解决方案,谢谢!

标签: ios css iframe css-position


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-12-19
    • 1970-01-01
    • 1970-01-01
    • 2011-11-28
    • 1970-01-01
    • 2022-09-23
    • 1970-01-01
    • 2023-03-05
    相关资源
    最近更新 更多