Question

Muy buenas, estoy haciendo una web. El caso es que he hecho un sidebar vertical, donde pulsas un botón y el menú aparece y desaparece.
He podido ajustar el heigth pero no consigo que el menu abarque la pagina entera hacía abajo. se queda a 1/4 de pantalla. Como consigo que ocupe lo que queda de espacio? le he puesto un padding-bottom 100% pero hace scroll muy grande. Me gustaría que se adaptase a la página.

Otra cosa, como puedo hacer la barra superior y el menu vertical se queden fijos, mientras haces scroll en la web? tipo esta www.pccomponentes.com

Un saludo

Comments

Para poder ayudarte, pasanos el enlace de la página publicada en algún lugar, así podemos ver el código HTML y CSS...

También siempre es mejor abrir una pregunta nueva para cada cosa, en vez de poner dos preguntas en una.

Answer 1

Quieres que la barra vertical quede fija y acompañe al usuario al hacer scroll, o quieres que se quede siempre arriba??

Para eso usa position: fixed, para que la barra quede fija con el scroll hacia abajo del usuario. Prueba este código y mecomentas:

.tuBarraVertical{
    position: fixed;
    width: 100px; //O el ancho que tu quieras
    heigth: 100%;
    top: 0;
    left: 0;
}