javascript - プログレッシブエンハンスメントと初期表示状態

Question

具体的な例がありますが、一般的な答えも探しています。JavaScript が有効になっている場合、最初は非表示にしたいページ要素があります。

例:

ページの読み込み後に要素が非表示になっているときに、「コンテンツのフラッシュ」を回避しようとしています。

解決

後世のためにここに完全なソリューションを入れています。

<head>セクションで呼び出される JavaScript ファイル:document.documentElement.className = 'js';

最初に非表示または表示される要素を許可するスタイル:

.js .inithide {
    display: none;
}
.initshow {
    display: none;
}
.js .initshow {
    display: block;
}

score 2 · Accepted Answer

このソリューションをチェックしてください。過去に私のために働いていました：

javascript - プログレッシブ エンハンスメントと初期表示状態