这只是Firefox中的问题。我正在使用v60.0.2（64位）
我在position:fixed div中的transition div上遇到问题。 position:fixed元素会随着元素的过渡而闪烁。它可以在Chrome，Edge和IE中按预期工作。参见codepen：
https://codepen.io/anon/pen/ZRoOxG
编辑：
添加硬件加速是可行的，但是在滑出幻灯片时，我需要strange text保持在同一位置。我通过不使用硬件加速并将position:fixed更改为position:sticky使其工作。这不适用于Chrome。我猜粘性在浏览器之间的处理方式有所不同，所以我添加了
@supports (-moz-appearance:none) {
position: sticky;
}
希望此修改对某人有所帮助。我在这个问题上花了太多时间。
答案 0 :(得分：1)
添加到元素：
transform: translateZ(0);
-webkit-transform: translateZ(0);
强制浏览器使用硬件加速。基本上，您是在告诉浏览器您想要进行3D转换，从而强制其访问GPU，从而使转换过程更加美观明快。您可以在此处了解有关CSS中的硬件加速的更多信息：
https://www.sitepoint.com/introduction-to-hardware-acceleration-css-animations/