jQuery: risolvere il problema dello scroll della pagina durante il preload

Se creiamo un preload della pagina dobbiamo fare in modo che l'overlay copra tutto il documento e che non vi sia scroll. In questo caso jQuery lavora in tandem con i CSS.

Definiamo la seguente classe CSS:

.no-scroll {
	overflow: hidden;
}

E il seguente codice jQuery:

var preload = function() {

	$( "html, body" ).addClass( "no-scroll" );

	$( "#preload-overlay" ).height( $( window ).height() ).fadeIn();

	$( "#site" ).imagesLoaded(function() {
		$( "#preload-overlay" ).fadeOut();
		$( "html, body" ).removeClass( "no-scroll" );
	});	
};

$(function() {
	preload();
});