Fijar caja para que nunca desaparezca

[Trueno2104]

Buenas,

Tengo una duda sobre como montar una estructura:
Imaginemos una estructura con 4 capas: header, menú izquierdo, contenido a la derecha y footer.

Pues bien, me gustaría hacer que el menú nunca desapareciera, que bajara haciendo scroll PERO si por ejemplo estando arriba del todo hay una separación, lo que ocupa el header, de 300 píxeles, que al bajar esta distancia se acorte y quede pegado al borde superior.

Creo haberme explicado.
Gracias.

[alberto510a]

Hola.

No sé si te entendí bien pero creo que te refieres a la propiedad position con valor fixed, se aplica así:

Código CSS:

#tumenu {
   
position:fixed;
top:0px;
left:0px;
height:300px;
width:100%;
 
}
 

Con este ejemplo conseguiríamos que tu menú (he supuesto que ocupa todo el ancho de la pantalla) se coloque arriba del todo a la izquierda y siempre se mantenga ahí aunque hagas scroll.

Saludos, espero haberte ayudado.

[pzin]

Lo que quieres hacer no se puede lograr mediante CSS. Tendrás que usar JavaScript.

Algo así te valdría: http://stackoverflow.com/questions/1...fter-scrolling

[Trueno2104]

Iniciado por alberto510a

Hola.

No sé si te entendí bien pero creo que te refieres a la propiedad position con valor fixed, se aplica así:

Código CSS:

#tumenu {
   
position:fixed;
top:0px;
left:0px;
height:300px;
width:100%;
 
}
 

Con este ejemplo conseguiríamos que tu menú (he supuesto que ocupa todo el ancho de la pantalla) se coloque arriba del todo a la izquierda y siempre se mantenga ahí aunque hagas scroll.

Saludos, espero haberte ayudado.

Con fixed no puedo variar la distancia superior... Justamente el usuario de abajo me ha dado la solución.

¡Gracias de todos modos! ;)

Iniciado por pzin

Lo que quieres hacer no se puede lograr mediante CSS. Tendrás que usar JavaScript.

Algo así te valdría: [url]http://stackoverflow.com/questions/12849533/javascript-fixed-top-navbar-only-after-scrolling[/url]

¡Justo! Pues muchas gracias, me pelearé con JS pues, aunque tengo poca idea