-webkit-transform 的替代方法：transformY?

【问题标题】：An alternative to -webkit-transform: transformY?-webkit-transform 的替代方法：transformY?
【发布时间】：2013-06-25 18:50:45
【问题描述】：

我正在创建一个在特定页面顶部显示 iframe 的 chrome 扩展程序。此 iframe 已固定并放置在打开 body 标记之前。

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

-webkit-transform: translateY(40px);

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

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

【问题讨论】：

【解决方案1】：

只要高一个节点。而且，您会猜到，它是html 元素。不幸的是，我不知道像正文一样访问它的方法：document.body。

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

然后，您设置 css 属性。

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

除此之外，margin-top 也可以：

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

【讨论】：