Problemas con divs hidden

[manuweb]

Tengo montado unos divs tal que así:

Código HTML:

<div id="iniciopantalla"></div>
<div id="uno">
.
.
<div>
<div id="dos">
.
.
<div>
<div id="tres">
.
.
<div>
<div id="cuatro">
.
.
<div> 

Con JavasScript hago visibility hidden a dos,ters y cuatro.
Tengo un menu inferior que con Javascript hago que los divs se pongan en visibility hidden y visible la capa que me interesa, la posiciono arriba cambiando su top con la diferencia de height de las capas de arriba y para prevenir el scroll hago window.location = "#iniciopantalla";

¿Cual es el problema? pues que permite scroll a contenido vacio y mi pregunta es ¿como hago para que el scroll no pase del contenido de la capa que estoy mostrando?

Gracias

[manuweb]

Iniciado por manuweb

Tengo montado unos divs tal que así:

Código HTML:

<div id="iniciopantalla"></div>
<div id="uno">
.
.
<div>
<div id="dos">
.
.
<div>
<div id="tres">
.
.
<div>
<div id="cuatro">
.
.
<div> 

Con JavasScript hago visibility hidden a dos,ters y cuatro.
Tengo un menu inferior que con Javascript hago que los divs se pongan en visibility hidden y visible la capa que me interesa, la posiciono arriba cambiando su top con la diferencia de height de las capas de arriba y para prevenir el scroll hago window.location = "#iniciopantalla";

¿Cual es el problema? pues que permite scroll a contenido vacio y mi pregunta es ¿como hago para que el scroll no pase del contenido de la capa que estoy mostrando?

Gracias

Bueno, lo he solucionado poniendo a cada capa top:-10000px.

y cuando quiero ver una cambio el css a top: Valor.

Gracias

[Triby]

La propiedad visibility solo hace que el div se muestre y oculte, pero su espacio queda reservado; para estos casos es mejor usar la propiedad display.