Question

我正试图让我的底部标题贴在我的iframe应用程序内部的屏幕底部，并且即使在页面滚动时也始终在用户的视图中显示。我无法控制外部iframe，因为它位于不同的域上。标题本身必须位于iframe内部，因为我无法控制iframe。 iframe始终会扩展到其内容的高度，因此它没有滚动条，但仍然必须始终在视口中显示该条。

需要注意的另一件事：iframe高度应该与其内容的高度相同，因此它们不需要滚动条

Answer 1

Chrome有一个错误，如果符合以下情况，则无法修复position:fixed元素：

a）您在任何元素和/或

中使用CSS3转换

b）你有一个子元素位于它的父元素框

之外

奇怪的是，这个漏洞在2009年被报道并且仍然开放：https://code.google.com/p/chromium/issues/detail?id=20574

Answer 2

你可能想玩位置：固定;

#element {
    position: fixed;
    z-index: 1000;
    bottom: 0;
}

编辑：

对不起，我想我很想念你的帖子。如果我正确地阅读它你想要创建一个类似于博客的标题栏，但是当他/她滚动时，它总是在用户的视野中保持。

您可以做的是创建一个容器div，然后您可以将标头和iframe嵌套在该容器中。然后你可以玩定位，虽然我不确定你是否可以在没有一些javascript的情况下找到你想要的确切行为。

编辑2：

在玩了一下之后，我得到了一些我认为可能有帮助的东西（如果我能正确理解你的问题）。

http://digitaldreamer.net/media/examples/iframe-site.html http://digitaldreamer.net/media/examples/iframe.html

在iframe中固定css的垂直定位

2 个答案: