1. ホーム
  2. css

[解決済み] スタイルが決まらないコンテンツのフラッシュを排除

2022-03-05 04:28:31

質問

Webページでスタイルなしコンテンツのフラッシュ(FOUC)を止めるにはどうしたらいいですか?

解決方法は?

FOUCを回避するためにやったことは。

  • として、bodyセクションを設定します。 <body style="visibility: hidden;" onload="js_Load()">

  • を書きます。 js_Load() JavaScriptの関数です。 document.body.style.visibility='visible';

この方法では、ページ全体とCSSファイルが読み込まれるまで、ウェブページのボディは隠されたままになっています。すべてが読み込まれると、onload イベントによってボディが可視化されます。つまり、ウェブブラウザは、すべてが画面に表示される時点まで、空のままなのです。

単純な解決策ですが、今のところうまくいっています。