以下兄弟姐妹不必要的重画

时间：2016-12-20 13:42:57

标签： css transform transition repaint

我正在使用react-transitive-number来实现数字更改的传递动画[demo page] enter image description here

问题是 - 如果您在Chrome开发工具栏中查看this page，“渲染”标签中的“绘制闪烁”，您可能会发现每次转换都会导致兄弟姐妹重绘。

enter image description here

为什么会这样？我可以理解数字的重绘，或任何与此插件相关的元素。但为什么它会影响整个网站的兄弟姐妹呢？ 有没有办法避免这些不必要的重绘？

1 个答案:

答案 0 :(得分：1)

将带有数字的每个标签移动到自己的图层解决问题 解决方案是 - 添加

translateZ(0)

相关问题
最新问题