Question

我通过Javascript路由＆amp; amp;创建了一个页面转换。 Web Animation API。它加载新页面，然后逐渐从旧页面动画到新页面。在此周期结束时，我删除旧页面的内容。但是删除似乎并没有在Firefox中正常工作，因为它只会瞬间闪现旧内容，这使得它非常丑陋。 Chrome就可以了。

可以在此处找到演示：http://daan.onl/dev/js/page-transition/index.html。

导致这种差异的原因是什么？我该如何解决？

Answer 1

将时间更改为

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

至少对于旧内容

这将确保在动画结束时不会删除变换样式

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

1 个答案: