在iframe内部使用position:fixed

Question

由于某些原因，如果我加载一个具有position：fixed的html页面上的元素，但我在iframe中加载它，则固定位置似乎不会呈现为固定，而是更像绝对定位。

我不希望fixed DIV相对于父文档进行固定。我只是认为它们应该在iframe中固定。在iframe中这不可能吗？

- crickeys

---

你需要发布你的代码... 但是固定定位就像绝对定位一样，如果元素在另一个元素内部，比如iframe。你的iframe是否可以滚动？ - Michael Rader

是的，iframe会滚动。 - crickeys

Answer 1

Chrome存在一个bug，如果：

a）您在任何元素中使用CSS3变换，和/或

b）您的子元素定位在其父元素的框之外

那么它将无法修复具有position:fixed属性的元素。

奇怪的是，这个bug早在2009年就已经报告了，但目前仍然未解决：https://code.google.com/p/chromium/issues/detail?id=20574

- Nighto

---

有趣的是，我也在Firefox中发现了这个bug。 - Petr L.

Answer 2

根据这个 fiddle：http://jsfiddle.net/ww9mK/6/（注意：jsfiddle 使用 iframe，我的高度和宽度只是为了测试滚动），它们似乎被固定到了iframe。

- ScottS

---

这在 iOS 移动设备上不起作用。我目前正在为客户支持 iframe，但是 position:fixed 在 iPhone 上不起作用。 - ayjay

Answer 3

这里有一个类似的问题在iframe中固定CSS的垂直位置

看起来将position fixed固定到iframe上没有问题。例如：http://digitaldreamer.net/media/examples/iframe-site.html

您能提供您正在处理的代码吗？

- Wojciech Bednarski