使用反应时的前端故障

问题描述：

我在静态html页面上添加了几个图表，这些图表使用bootstrap设置，工作正常。迁移到反应后，我得到了一个奇怪的反应前端故障，它显示在下面的图像...使用反应时的前端故障

图1显示了滚动后的外观以及滚动后的一小段时间结束。

滚动结束后，页面被重新描绘，正确地显示出来。当子组件被渲染时，我只计算一次图表输入。滚动不会导致重新渲染。

你可以重新创建这个错误在这里的片段在SO？ – worc

这是影响所有浏览器还是Chrome？我想知道这是一个浏览器渲染错误，而不是一个React错误。有没有滚动动画？我曾经发现一个技巧来强制硬件加速并解决_some_ chrome渲染错误：https://stackoverflow.com/questions/20905941/blinking-fixed-header-in-site-with-scrolling-animation/20907500#20907500 –

确认！它看起来像一个Chrome Bug。该解决方案无效，但类似的东西！不管怎样，谢谢你。我将解决方案发布在自己的答案中。 – user2493154

答

的错误造成的animate.css。从here接受的解决方案伎俩：

.animated { 
    -webkit-animation: fade-in 1s linear 1001ms, fade-out 1s linear 3s; 
    -webkit-animation-fill-mode: forwards; 
}

使用反应时的前端故障

相关推荐