Estoy trabajando en mi sitio web personal y he implementado un precargador. Después de agregar un segundo div a mi sitio web, noté que puedo desplazarme durante la carga de la página. No sé tú, pero a mí me parece feo e inquietante.
Aquí hay un video rápido. (Yo uso Chrome OS)
Realmente no pude encontrar nada sobre esto porque creo que yo era el único con este problema. No estoy seguro, sin embargo.
$(window).on("load",function(){$(".loader-wrapper").fadeOut("slow");}); también
Aquí está el código ( Github Repo ) De todos modos, eso es todo lo que tengo.
Gracias por adelantado.
Puede agregar por defecto una clase a su cuerpo, la clase debería ser la siguiente.
// CSS .no-scroll { overflow: hidden; } <body class="no-scroll">Una vez que su secuencia de comandos se haya completado o su función finalice, simplemente llame
document.body.classList.remove('no-scroll');Asegúrese de agregar la siguiente sección al final de su página.
<script type="text/javascript"> (function(){ function onReady() { document.body.classList.remove('no-scroll'); } if ( document.readyState === 'complete' ) { onReady(); } else { document.addEventListener('DOMContentLoaded', onReady); } })(); </script> O puedes hacerlo con jQuery
// Make sure this code is the last piece of code in your HTML. $(window).on("load", function() { document.body.classList.remove('no-scroll'); }); PD: además de eso, considere el escenario diferente cuando alguien no tiene habilitado JavScript, por lo que agrega un comportamiento predeterminado. Eche un vistazo a la etiqueta <noscript> .