Amélioration progressive et état d'affichage initial

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

Question

J'ai un exemple spécifique, mais je suis à la recherche de la réponse en général aussi bien. J'ai des éléments de page que je veux avoir d'abord caché si JavaScript est activé.

Exemples:

  1. Section A d'une forme qui permet de basculer
  2. Un bouton pour soumettre une boîte de sélection « sous forme de saut »

J'essaie d'éviter le « flash content » lorsque les éléments sont cachés après chargement de la page.

SOLUTION

Je suis en train de la solution complète ici pour l'amour de la postérité.

fichier JavaScript appelé dans la section <head>: document.documentElement.className = 'js';

Les styles qui permettent d'éléments d'abord cachés ou représentés: 

.js .inithide {
    display: none;
}
.initshow {
    display: none;
}
.js .initshow {
    display: block;
}
Était-ce utile?

La solution

Cochez cette solution sur. Il a travaillé pour moi dans le passé:

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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top