ググらずには前へ進めないフロントエンドエンジニアが書く、次はググらなくてもできますように…とメモを残すブログです!

どうしても画面上のカクツキや、アニメーションでちらつくことがあったら

2019/07/04
CSS
⚠️投稿日または最終更新日から3年以上経過している内容です。

will-change や transform なども試してみてもダメな場合、 position: fixed; が足を引っ張っている可能性があります。

position: fixed; の使用の頻度を減らすか、 必要ない場合は display: none; で隠すかなどの処理をすることで、 負荷が軽減して改善することがあります。

または、アニメーションさせている要素の親要素を overflow: hidden; すると解決することも。