Как убрать мерцание в начале загрузки при кастом стилях

Если вы делаете глубокую кастомизация по стилям через globalCSS, то при загрузке страницы может возникнуть эффект мерцация. 

Пока не загрузился globalCSS страница показывает дефотл стили темы.

Чтобы этого избежать, можно добавить в head специальный div оверлей, а затем его скрывать через globalCSS: 

1. Добавяем div в через настройку commonStyles:

<div id="loadOverlay" 
style="background-color:#333; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2000;"
></div>

2. Добавляем  globalCSS скрытие этого div - в настройке globalCSS:

 #loadOverlay{display: none;}

В итоге мерцания страницы не будет. При загрузке показывается пустой экран, пока не загрузятся стили из globalCSS. 

 

 

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Выгода от использования Falcon Space

В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Планируете делать веб-проект?
Сайт использует Cookie. Правила конфиденциальности OK