![見出し画像](https://assets.st-note.com/production/uploads/images/66474827/rectangle_large_type_2_f2c441149512c144a042491b58231af7.png?width=1200)
Photo by
peishum
ScrollReveal.jsのチラつき防止策
JQueryでスクロールしたらふわっと浮かび上がるアレを実装するのに簡単便利なプラグインがScroolReveal.js
しかし、ページ推移する際に一瞬全体が見えてからJQyeryが動くあの現象、とってもカッコ悪い
あの現象を「チラつき」というらしい
チラつきを防止する方法があったので備忘録
方法は簡単。該当する要素に
.〇〇{
visibility: hidden;
}
とするだけ。
参考*https://blog.4breaker.com/2020/03/24/post-541/
この記事が気に入ったらサポートをしてみませんか?