使用反應時的前端故障

我在靜態html頁面上添加了幾個圖表，這些圖表使用bootstrap設置，工作正常。遷移到反應後，我得到了一個奇怪的反應前端故障，它顯示在下面的圖像...使用反應時的前端故障

圖1顯示了滾動後的外觀以及滾動後的一小段時間結束。

滾動結束後，頁面被重新描繪，正確地顯示出來。當子組件被渲染時，我只計算一次圖表輸入。滾動不會導致重新渲染。

2017-10-11 user2493154

你可以重新創建這個錯誤在這裏的片段在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; 
}

來源

2017-10-11 23:51:50 user2493154

使用反應時的前端故障

回答

相關問題