反応を使用するとフロントエンドグリッチが発生する

静的なhtmlページにブートストラップを設定したチャートをいくつか追加しましたが、うまくいきました。反応に移行した後、私は次の画像に示されている奇妙な反応フロントエンドグリッチを得ました...反応を使用するとフロントエンドグリッチが発生する

画像1は、スクロール中の外観とスクロール後の短い時間が終了したことを示しています。ページを終了スクロールした後

は再レンダリングと正しく表示されます。私は、サブコンポーネントがレンダリングされるときにチャート入力を1回だけ計算します。スクロールしても再レンダリングは発生しません。

出典

2017-10-11 user2493154

ここで、このバグをここに再作成できますか？ – worc

これはすべてのブラウザや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

反応を使用するとフロントエンドグリッチが発生する

答えて

関連する問題