Estaba haciendo un sitio web y pensé que la barra de navegación resultaría demasiado grande en dispositivos más pequeños. Descubrí cómo hacerlo desplazable, pero no me gusta el hecho de que muestra una nueva barra de desplazamiento al lado. ¿Cómo puedo hacer eso invisible?
Agregar desbordamiento: oculto; a la etiqueta css para ocultar la barra de desplazamiento horizontal y vertical.
Ejemplo
body { overflow: hidden; /* Hide scrollbars */ }Para ocultar solo la barra de desplazamiento vertical, o solo la barra de desplazamiento horizontal, use overflow-y o overflow-x:
Ejemplo
body { overflow-y: hidden; /* Hide vertical scrollbar / overflow-x: hidden; / Hide horizontal scrollbar */ }Puedes usar esto:
::-webkit-scrollbar { display: none; }Pero no es compatible con Firefox e IE/Edge. :)
Agrega esto en tu CSS
.classname::-webkit-scrollbar { display: none; /* for Chrome, Safari and Opera */ } .classname{ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }