替换-webkit-transform：transformY？

Question

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

为了保留这个iframe的位置，我使用CSS向下移动包括固定元素的主体：

-webkit-transform: translateY(40px);

它似乎适用于许多网站，但在其他一些网站，如Facebook，它会导致一个问题。 滚动条显示在右侧。

有没有其他方法可以尝试避免这个问题。 任何帮助，将不胜感激

Answer 1

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

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

在那里，你设置了css属性。

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

此外， margin-top适用：

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