Hola, quiero ocultar la barra de desplazamiento solo desde el menú de alternancia de mi sitio web https://themensoutfitclub.com , usé este css
html { overflow: scroll; overflow-x: hidden; } ::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } /* Optional: show position indicator in red */ ::-webkit-scrollbar-thumb { background: #FF0000; }captura de pantalla , cuando se hace clic en la subcategoría del producto , pero también elimina la barra lateral derecha predeterminada de los escritorios, por lo que es imposible desplazarse sin un mouse. He eliminado el código ahora por favor ayuda.
Supongamos que su nombre de clase de menú de alternancia es toggle-menu . Entonces deberías peinarte así.
.toggle-menu::-webkit-scrollbar { display: none; /* Safari and Chrome */ }Tenga en cuenta que el código anterior solo funciona para Chrome y Safari. Para mozilla e IE10+ usa esto
.toggle-menu { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ }Entonces, todo el código debería ser así:
.toggle-menu { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .toggle-menu::-webkit-scrollbar { display: none; /* Safari and Chrome */ }