Javascript 在任何（未知）页面顶部添加固定iframe-如何向下推送内容？

我正在创建一个chrome扩展，它可以在特定情况下在任何页面顶部附加一个带有工具栏的iframe。iframe固定在顶部

显然，我不想破坏原始内容，所以我需要将其向下推。但是，因为它可以是任何网站，我需要找到一个好的和通用的方法来做到这一点

我试图在主体上设置一个边距，或者创建一个具有精确高度的静态元素，但结果表明，如果存在固定或绝对定位的元素（例如页眉），则该方法无法工作

嗯，我可以在主体上设置一个边距，也可以将所有其他绝对或固定元素向下推相同的高度，但这将导致遍历该页面的所有元素，以找到固定或绝对元素-在任何页面加载上。如果他们有相对位置，比如利润率最高点：50%左右，情况会更糟

---

那么，实现这一点的最佳方法是什么呢？

我不知道这是不是一个好主意，但尝试用

iframe

来包装该页面。问题是，我的扩展必须等到选项卡完全加载后再显示工具栏。使用iframe解决方案，整个页面必须在已加载的特定iframe中重新加载是相对于视口的，您不能将

填充

或

边距

赋予

html

或

正文

来向下推固定位置。我有完全相同的问题，投票赞成重新打开。@sleempless建议了一些解决方案，并提出了最好的解决方案。。。