Ocultar todo hasta que la página haya terminado de cargarse
Estoy buscando tener todo oculto en mi página hasta que la página haya terminado de cargarse. He visto muchas publicaciones e intentado cosas diferentes. La solución más común que funciona muy bien es
<body style="display:none;">
Luego ejecute jQuery para mostrarlo nuevamente al cargar la ventana
$(window).load(function() {
$("body").fadeIn("slow");
});
Tengo un problema con esto, ya que la página depende de JS para mostrar cualquier cosa. Aprecio que esto sea algo raro, pero se siente mal.
Idealmente, me gustaría usar jQuery para agregar la pantalla: ninguno css también
sin embargo...
El problema es cuando agrego
$(document).ready(function {
$(body).css('display', 'none');
});
Incluso esto tarda un tiempo en ejecutarse y la página parpadea con contenido de antemano.
¿Hay una mejor manera?
¿Podría usar el script anterior sin document.ready (intentado, pero no funcionó)
Gracias.