0
152
ViewsCambie el tamaño de las ventanas y obtenga una elegante barra de desplazamiento para el menú
¿Qué parámetros debo agregar en mi NavBar.css (es decir, menú en el lado izquierdo) si quiero ver una barra de desplazamiento (en blanco transparente) que aparece cuando cambio el tamaño de mis ventanas (es decir, puedo desplazarme hacia abajo o hacia arriba si la ventana está no al máximo, así que todavía puedo desplazarme por el menú y ver los otros íconos) por favor?
.NavBar{ width: 15rem; height: 100vh; background-color: #FF7F50 ; flex-direction: colums; gap: 1.25rem }Esto es lo que quiero tener no en verde sino en una barra transparente/gris.
·
Juan Pablo Isaza
1 answers
Answer question0
Desplazar el cuerpo:
html { overflow: hidden; /* Stop the body expanding */ } body { margin: 0; height: 100vh; /* Tells the element to scroll instead of the default of visbily overflowing */ overflow-y: auto; /* Scrollbar and scrollbar gutter colors */ scrollbar-color: #888 transparent; } nav { width: 15rem; height: 110vh; background-color: #FF7F50; /* gap and flex-direction will do nothing as this element uses flow layout (flex hasn't been declared) */ flex-direction: colums; /* Even then, colums has a typo */ gap: 1.25rem; } <nav> test </nav>Desplácese por la navegación:
body { margin: 0; } nav { width: 15rem; height: 100vh; overflow-y: auto; /* Tells the element to scroll instead of the default of visbily overflowing */ background-color: #FF7F50; scrollbar-color: white transparent; /* Scrollbar and scrollbar gutter colors */ } nav>h1 { margin-top: 100vh; } <nav> <h1>Pineapple is good on pizza</h1> </nav>
·
Juan Pablo Isaza
Report
Answer question