css - relativo - Posicionamiento fijo con desplazamiento

posicionamiento relativo css

Question

Si, por ejemplo, tengo un menú que utiliza una posición fija pero es más grande que la altura de la ventana actual, ¿hay alguna forma de permitir que esto se desplace? El comportamiento predeterminado del navegador es simplemente ocultarlo y no permitirle acceder a él.

div#sidebar {
    position:fixed;
    top:30px;
    left:0;
    bottom:4px;
    width:148px;
    background-color:#d7d7d7;
}

Aquí hay un fragmento de lo que tengo actualmente. ¿Requeriría algún JavaScript o algo así?

EDIT: No estoy seguro de si esto es realmente posible conseguir correcto. Quiero un elemento que está a 30 píxeles de la parte superior del documento. Quiero permitir que esto se desplace utilizando desbordamiento: automático y altura: 100%. De cualquier manera parece que lo hago, la barra de desplazamiento se ocultará, o se ocultará una porción de la div.

Answer 1

Deberá configurar el overflow:scroll (o overflow:auto ) a ese div, y establecer la altura al 100%.