首先,我很清楚 display:none can bork 过渡动画。
我有一系列隐藏的 div (display:none;),我正在使用 onclick JS 来更改类,从而有效地为它提供一个具有新位置的 display:block。
这是事件序列: - onclick 将 div 从 display:none 更改为 display:block - 添加具有绝对位置的新类 - 关键帧以动画新定位(向右滑动)。
这在 Chrome 中运行良好,但由于某种原因 firefox 忽略了动画。
当我在 Firefox 中检查它时,我可以检查/取消选中动画 CSS,它会正确设置动画,所以我知道我的 CSS 标记没有问题,此时它是 display:block。
有人对此有任何解决方法的想法吗?
如果有人有解决方案,我将永远欠你的债。