Remover Scrollbar Do Navegador Quando "exibir" Div

E aew gente,

Seguinte eu estou fazendo um préload de página em javascrip com html, porém eu to com um problema. Quando a div "Loading" aparece enquanto o site carrega eu gostaria que o scrollbar ficasse oculto e depois voltasse a aparecer depois que essa div desaparecesse.

Segue o código abaixo:

<html>
<head>
<title>Load de página</title>
<script type='text/javascript'>  
   window.onload = detectarCarga;  
   function detectarCarga() {  
   document.getElementById("loading").style.display="none";
}
</script>
</head>
<body>

	 <div id="loading">	  
		  <center><img src="load.gif" /></center>
	 </div>
	<div id="conteudo_do_site">	  
		  <p>conteúdo</p>
	 </div>

</body>
</html>

O código acima na verdade fica me mostrando a DIV "Loading" enquanto o navegador faz o carregamento por traz. É como se ele fizesse um Load mesmo. O que eu quero apenas é que o scrollbar fique oculto quando essa div aparecer e voltar ao normal quando a DIV desaparecer.
Tentei eventos como onload="hiddenScrollbar()" na div "loading" relacionado ao seu respectivo código Javascript mas não funcionou. Apenas com onclick.

Espero que vocês tenham entendido. Aguardo uma ajuda.

Edição feita por: Joke Atahary, 14/09/2009, 15:53.

<html> <head> <title>Load de página</title> <script type='text/javascript'> //Remover scrollbars document.body.style.overflow='hidden'; window.onload = detectarCarga; function detectarCarga() { document.getElementById("loading").style.display="none"; //Já carregou? Colocar as scrollbars de volta. document.body.style.overflow='auto'; } </script> </head> <body> <div id="loading"> <center><img src="load.gif" /></center> </div> <div id="conteudo_do_site"> <p>conteúdo</p> </div> </body>

#1 Joke Atahary

#2 Feko

1 user(s) are reading this topic

Remover Scrollbar Do Navegador Quando "exibir" Div

#1 Joke Atahary

#2 Feko

1 user(s) are reading this topic

Entrar