Estoy teniendo un problema Hice esta pagina web
funciona como lo espero pero si la abro en chrome del celular luego de refrescar la pagina o de ir a otra pagina el preloader vuelve a aparecer, ¿alguna idea de como solucionarlo?
Este es el código html:
<br>
<body>
<div id="preloader">
<div class="cssload-loader-inner">
<div class="cssload-cssload-loader-line-wrap-wrap">
<div class="cssload-loader-line-wrap"></div>
</div>
<div class="cssload-cssload-loader-line-wrap-wrap">
<div class="cssload-loader-line-wrap"></div>
</div>
<div class="cssload-cssload-loader-line-wrap-wrap">
<div class="cssload-loader-line-wrap"></div>
</div>
<div class="cssload-cssload-loader-line-wrap-wrap">
<div class="cssload-loader-line-wrap"></div>
</div>
<div class="cssload-cssload-loader-line-wrap-wrap">
<div class="cssload-loader-line-wrap"></div>
</div>
</div>
</div>
</body>
<br>
Este es el css:
#preloader{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
background: none repeat scroll 0 0 #000000;
}`<br>Y este el javascript relevante:<br>
$(window).on("load", function(){
$("#preloader").fadeOut("slow");
});