Прогрессивное улучшение и начальное состояние отображения

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

Вопрос

У меня есть конкретный пример, но я ищу ответ в целом. У меня есть элементы страницы, которые я хочу изначально скрыть, если JavaScript включен.

Примеры:

  1. Раздел формы, которая переключает
  2. Кнопка отправки для формы Jump Select Box '

Я пытаюсь избежать «содержимого вспышки», когда элементы скрыты после нагрузки страницы.

РЕШЕНИЕ

Я кладу полный раствор здесь ради потомки.

Файл JavaScript вызывается в <head> раздел: document.documentElement.className = 'js';

Стили, которые позволяют изначально скрыты или показаны элементы:

.js .inithide {
    display: none;
}
.initshow {
    display: none;
}
.js .initshow {
    display: block;
}
Это было полезно?

Решение

Проверьте это решение. Это работало для меня в прошлом:

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top