Показать сообщение отдельно
  #3 (permalink)  
Старый 21.06.2022, 20:52
Аватар для Chile
Аспирант
Отправить личное сообщение для Chile Посмотреть профиль Найти все сообщения от Chile
 
Регистрация: 10.02.2016
Сообщений: 46

Сообщение от рони Посмотреть сообщение
Chile,
подожду переводчика ...
Ну это не весь код

<body style="visibility: hidden" onload="setTimeout ('document.body.style.visibility = \'visible\'', 0)">
		
		<div class="preloader"></div>
		
		<div class="content">

               </div>
                <script type="text/javascript">
			/* <![CDATA[ */
			window.addEventListener('load', () => { /* Страница загружена, включая все ресурсы */
				const preloader = document.querySelector('.preloader') /* находим блок Preloader */
				preloader.classList.add('preloader_hidden') /* добавляем ему класс для скрытия */
			})
			/* ]]> */
		</script>
                
</body>


На самом деле, задача проста — прелоадер, но, чтобы при обновлении страницы (и переходе по ним), не отображалась вёрстка без стилей (прыгают шрифты и прочее непотребство).

Последний раз редактировалось Chile, 21.06.2022 в 20:55.
Ответить с цитированием