Mejora progresiva y estado de visualización inicial

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

Pregunta

Tengo un ejemplo específico, pero estoy buscando la respuesta en general. Tengo elementos de la página que quiero haber ocultado inicialmente si está habilitado el JavaScript.

Ejemplos:

  1. sección A de una forma que conmuta
  2. un botón de envío para un cuadro de selección 'forma salto'

Estoy tratando de evitar el 'flash de contenido' cuando los elementos están ocultos tras carga de la página.

SOLUCIÓN

Estoy poniendo la solución completa aquí por el bien de la posteridad.

archivo JavaScript denominado en la sección <head>: document.documentElement.className = 'js';

Estilos que permiten elementos inicialmente ocultos o mostrados: 

.js .inithide {
    display: none;
}
.initshow {
    display: none;
}
.js .initshow {
    display: block;
}
¿Fue útil?

Solución

Controlar esta solución a cabo. Se ha trabajado para mí en el pasado:

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

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top