LoginSignup
0
0

More than 3 years have passed since last update.

特定の要素だけフェードイン表示のタイミングがおかしい…そんな時に確認するポイント(画像編)

Last updated at Posted at 2021-01-14

症状

要素をフェードイン表示する際に、ある要素だけ表示されるタイミングがおかしいという不具合が発生しました。
具体的には、その要素だけコンマ何秒か遅れて表示されてしまいます。
これによって、スムーススクロールでその要素にリンクする際に、スクロールがカクつくという症状が現れました。

調べてみたところ、
「あーそんなこともあるのか、、、」
という理由だったので、備忘録がてら残しておきます。

原因

フェードイン表示させる要素の「子要素の画像」が原因でした。

この画像のサイズだけが、やたら大きかったのです。

それだけの理由でした。。。

解決策

画像を、圧縮してください。
(いや、僕も圧縮してたんですけど!提供していただいたその画像だけ元のサイズが大きすぎて!したとて!やったんです!)

まとめ

原因をあれこれ探してみて、「コードやCSSは間違ってなさそうやな、、、」
という時は、画像のサイズも確認してみてください。

以上です!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0