Как можно исправить то, что при рендере страницы появляются некоторые блоки у которых display: none?

Question

[Wilt]

Привет, у меня есть элементы на странице, которые после некоторого показа ( или какого либо действия) уходят в LocalStorage и получают display:none, но заметил, что при перезагрузи документа, их буквально, на 0.5 сек но видно.

Как можно избежать ситуации этой ?( чтобы не было видно элементы, но они хранились в ls) , удалять из DOM уже пытался (

Answer 1

[Алексей Ярков]

Загружайте стили, где указан display: none до отображения этих блоков.

Comments

[Wilt]

Это прописано в Js , соотвественно инлайново жён вставляются, либо я Вас не очень понял

[Алексей Ярков]

Wilt, ну вот и ответ. Блоки отображаются, потом исполняется JS и скрывает их.
Чтобы избежать этого надо либо скрывать через CSS, который подгружать ДО блоков. Либо пересмотреть логику JS и не скрывать лишние, а отображать нужные.

[Wilt]

Алексей Ярков, спасибо большое, определил стили, которые очень нужно скрывать сразу в теле выше блоков, немного упростил js и теперь гуд, спасибо!

[Алексей Ярков]

Wilt, та не за что