-webkit-transform 的替代方案：transformY？

我正在创建一个 chrome 扩展，它在特定页面的顶部显示 iframe。该 iframe 被固定并放置在打开 body 标签之前。

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

-webkit-transform: translateY(40px);

它似乎在许多网站上都能正常工作，但在其他一些网站（例如 facebook）上却会出现问题。右侧显示滚动条。

Is there an alternative that I might try to avoid this problem . Any help would be appreciated

只需升高一个节点即可。而且，你会猜到，这就是html元素。不幸的是，我不知道如何像正文一样访问它：document.body.

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

在那里，您设置 css 属性。

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

除此之外，margin-top也有效：

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