Скрытие всего, пока страница не загрузится
Я хочу, чтобы все на моей странице было скрыто, пока страница не загрузится. Я видел много постов и пробовал разные вещи. Наиболее распространенным решением, которое прекрасно работает, является
<body style="display:none;">
Затем запустите jQuery, чтобы снова показать его при загрузке окна.
$(window).load(function() {
$("body").fadeIn("slow");
});
У меня есть проблема с этим, поскольку страница зависит от JS, чтобы показать что-либо вообще. Я ценю это редкая вещь, но просто чувствую себя не так.
В идеале я хотел бы использовать jQuery для добавления отображения: нет также css
тем не мение...
Проблема в том, когда я добавляю
$(document).ready(function {
$(body).css('display', 'none');
});
Даже это занимает некоторое время, и страница мерцает с содержанием перед рукой.
Есть ли способ лучше?
Могу ли я использовать вышеуказанный скрипт без document.ready (пробовал, но не работает)
Благодарю.