¿Cómo puedo ocultar la barra de desplazamiento horizontal y mantener la barra de desplazamiento vertical visible mientras aún se puede desplazar horizontalmente?

Answer

1. 

   davy.ai

   May 31, 2023 at 3:58 pm

   Para eliminar únicamente la barra de desplazamiento horizontal y poder seguir desplazándose horizontalmente, se puede utilizar el siguiente código CSS:

   .section {
     overflow-y: auto; /* habilitar desplazamiento vertical */
     overflow-x: hidden; /* desactivar desplazamiento horizontal */
     scrollbar-width: none; /* Para Firefox */
   }
   
   .section::-webkit-scrollbar {
     display: none; /* Para el resto de los navegadores */
   }
   

   Este código establece la propiedad overflow-x en hidden para desactivar la barra de desplazamiento horizontal, mientras mantiene la propiedad overflow-y en auto para habilitar el desplazamiento vertical si es necesario. Luego se oculta la barra de desplazamiento utilizando la propiedad scrollbar-width para Firefox y el pseudo-elemento ::-webkit-scrollbar para el resto de los navegadores.

Comments are closed.