Question

情景很简单。有一个position:fixed元素高于视口。如果我为transform:translateY设置动画（使用CSS动画或JavaScript），它会移动，但之前在视口之外的部分会保持不可见并且永远不会出现。

bin包含与position:absolute相同的元素作为比较。它在其他浏览器中按预期工作。

有关如何解决此问题的想法吗？

Answer 1

我发现了一个可行的解决方法，我将其作为答案发布，但我仍然希望在Firefox中修复此问题。

解决方法很简单：将已翻译的元素包装在另一个position:fixed div中并将其自身定位absolute。

在

<body>
    <div style="position:fixed;">Look ma, I'm getting translated!</div>
</body>

在

<body>
    <div style="position:fixed;">
        <div style="position:absolute;">Look ma, I'm getting translated!</div>
    </div>
</body>

这将导致元素在翻译时正确更新而不会被切断。