problema div a comparsa e scroll

[yro]

ciao a tutti.

in css creo un div nascosto così:

#sfondoloader{
	width:400px;
	height:300px;
        position: absolute;
  	top: 50%;
  	left: 50%;
	margin: -200px 0 0 -150px;
	display: none;
       z-index:99;
	
}

poi nella pagina lo rendo visibile in un link all'onclick:

 onClick="document.getElementById('sfondoloader').style.display='block';"

se però ho una pagina molto lunga e ho scrollato in basso, questo div compare sempre nella posizione che ha se non avessi fatto lo scroll quindi non riesco a vederlo.

come ovviare al problema?
vorrei che questo div comparisse sempre al centro dello schermo indipendentemente dallo scroll.

ho fatto la ricerca ma non ho trovato soluzioni.

grazie!