Css 如何防止Firefox动画/转换跳转

今天，我注意到Firefox中有一个相当有趣的bug

当您将CSS动画应用于元素以及以相同关键点为目标的过渡（例如，

过渡：all

）时，动画会结巴/跳跃/重新启动/运行两次

我编译。在除Firefox之外的所有浏览器中，工具栏都会按预期向下滑动。只有Firefox会因为过渡而结巴

---

这是已知的bug吗？有没有一个聪明的方法来规避这个问题？我不想再次开始编写特定于浏览器的样式表。是否有JavaScript插件？

不确定这是否是一个bug。。。我在说明书中找不到这样或那样的地方。不管怎样，您是否搜索了和/或

无论如何，解决方法不是使用

all

，这也会触发由于

动画而发生的位置更改，而是使用更具体的方法。例如，在演示中使用

transition: background .5s ease