【问题标题】:position:fixed inside of an iframe位置:固定在 iframe 内
【发布时间】:2012-01-08 09:39:23
【问题描述】:

由于某种原因,如果我加载了一个 html 页面,该页面的位置:固定在某物上,但我将它加载到 iframe 中,固定位置似乎不会呈现为固定,而是看起来更像是绝对定位。

我不希望固定的 div 相对于父文档是固定的。我只是认为它们会被固定在 iframe 中。这在 iframe 中是不可能的吗?

【问题讨论】:

  • 您需要发布您的代码...但是如果元素位于另一个元素(如 iframe)中,则固定定位就像绝对定位一样。你的 iframe 会滚动吗?
  • 是的,iframe 滚动。

标签: css iframe


【解决方案1】:

根据这个小提琴,它们似乎被固定为iframehttp://jsfiddle.net/ww9mK/6/(注意:jsfiddle 使用iframe,而我的高度和宽度只是为了测试滚动)。

【讨论】:

  • 这在 iOS 移动设备上不起作用。我目前正在为客户端支持 iframe,而position:fixed 不适用于 iPhone。
【解决方案2】:

这里有类似的问题fixed vertical positioning of css within an iframe

看起来固定到 iframe 的位置没有问题。示例:http://digitaldreamer.net/media/examples/iframe-site.html

你能提供你正在处理的代码吗?

【讨论】:

    【解决方案3】:

    Chrome 存在一个错误,无法修复带有 position:fixed 的元素,如果:

    a) 你在 any 元素中使用 CSS3 转换,和/或

    b) 你有一个子元素位于其父元素的框外

    奇怪的是,这个错误早在 2009 年就被报告了,而且它仍然存在:https://code.google.com/p/chromium/issues/detail?id=20574

    【讨论】:

      猜你喜欢
      • 2012-03-26
      • 2013-06-08
      • 1970-01-01
      • 2011-06-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多