Aprimoramento progressivo e estado de exibição inicial

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

Pergunta

Tenho um exemplo específico, mas também estou procurando a resposta em geral. Eu tenho elementos de página que quero ter oculto inicialmente se o JavaScript estiver ativado.

Exemplos:

  1. Uma seção de um formulário que alterna
  2. Um botão de envio para uma caixa selecionada 'Jump Form'

Estou tentando evitar o 'conteúdo flash' quando os elementos estão ocultos após o carregamento da página.

SOLUÇÃO

Estou colocando a solução completa aqui por causa da posteridade.

Arquivo javascript chamado em <head> seção: document.documentElement.className = 'js';

Estilos que permitem elementos inicialmente ocultos ou mostrados:

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

Solução

Confira esta solução. Funcionou para mim no passado:

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

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top