场景很简单。有一个高于视口的position:fixed 元素。如果我为 transform:translateY 设置动画（使用 CSS 动画或 JavaScript），它会移动，但之前在视口之外的部分保持不可见并且永远不会出现。
bin 包含与position:absolute 相同的元素作为比较。它在其他浏览器中按预期工作。
知道如何解决这个问题吗？
【问题讨论】：
标签： android firefox css-position css-animations
我找到了一个可行的解决方法，我将其发布为答案，但我仍然希望在 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>
这将导致元素在翻译时正确更新而不会被切断。
【讨论】：