Firefox在动画结束时从DOM中删除元素时会闪烁，而在Chrome中则可以正常工作

Firefox flickering when removing element from DOM at the end of animation, while in Chrome it works fine

本文关键字：Chrome 常工作 工作 而在 闪烁 结束 动画 DOM 删除 Firefox 元素      更新时间：2023-09-26

我已经通过Javascript路由创建了一个页面过渡&Web动画API。它加载新页面，然后逐渐从旧页面移动到新页面。在此循环结束时，我删除旧页面的内容。但在Firefox中，删除似乎不能正常工作，因为它只会闪烁一会儿旧内容，这使得它非常难看。Chrome还可以。

演示可以在这里找到:http://daan.onl/dev/js/page-transition/index.html.

是什么导致了这种差异，我该如何修复它?

将计时改为

var timing = {
  duration: 1500,
  iterations: 1,
  fill:'both'
}

至少对于oldContent

这将确保转换样式不会在动画结束时被移除

相关文章：