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

StackOverflow https://stackoverflow.com/questions/3461152

質問

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

例：

  1. 切り替えるフォームのセクション
  2. 選択ボックス「ジャンプフォーム」の送信ボタン

要素がページの読み込みの後に隠されているときに、「コンテンツフラッシュ」を避けようとしています。

解決

私は後世のために完全な解決策をここに置いています。

JavaScriptファイルが呼び出されました <head> セクション： document.documentElement.className = 'js';

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

.js .inithide {
    display: none;
}
.initshow {
    display: none;
}
.js .initshow {
    display: block;
}
役に立ちましたか？

解決

このソリューションを確認してください。それは過去に私のために働いてきました：

http://www.learningjquery.com/2008/10/1way-to-avoid-the-flash-of-unstyled-content

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top