javascript - 如何动态插入新的顶栏并将所有原始内容下移？

Question

我的目标是 1）使用 JS 小书签在任意站点上加载新的“顶栏”元素；2) 将顶栏固定在顶部；3）将原始内容下推。

是否有一种可靠的方法可以使用适用于所有网站的 CSS/JS？

编辑：这是我尝试过的：jQuery.wrapInner() 和 prepend() 首先，将现有的正文内容包装到一个新的 DIV 中，其次，将另一个具有固定位置的新 DIV 插入到顶部。我已经遇到了 jQuery.wrapInner() 重新评估 JavaScript 两次的问题。

我能想到的一种替代方法是通过我的网站代理原始页面并将原始页面作为 iFrame（就像 Digg 一样）。

Answer 1

一种方法是使用 jquery 将原始内容包装在 div 中，然后设置 topbarposition:absolute; top: 20px; 是否为 20 px 高。我真的想不出这不起作用的情况......

Answer 2

这不能可靠地完成，因为 JavaScript 在注入主机页面时会重新评估。对于某些主机页面，这无关紧要，对于其他主机页面，它会造成一团糟。现在我明白了为什么要尽可能多地使用 iFrame 方法。