替换-webkit-transform：transformY？

Question

我正在创建一个Chrome扩展程序，在特定页面的顶部显示iframe。这个iframe是固定的，并在打开body标签之前放置。

要为此iframe保留一个位置，我使用CSS向下移动包含固定元素的正文：

-webkit-transform: translateY(40px);

它似乎可以在很多网站上正常运行，但在其他一些网站上，例如facebook会导致问题。滚动条显示在右侧。

是否有其他方法可以尝试避免此问题。任何帮助将不胜感激

Answer 1

只需更高一个节点。而且，你会猜到它，它是html元素。不幸的是，我不知道像身体那样访问它的方法：document.body。

但我找到了一种简单的方法，使用document.body.parent。

然后，你设置了css属性。

document.body.parent.style.webkitTransform = 'translateY(40px)';

此外，margin-top也有效：

document.body.parent.style.marginTop = '40px';