Tengo este elemento llamado items y el contenido dentro del elemento es más largo que la altura del elemento, quiero hacerlo desplazable pero ocultar la barra de desplazamiento, ¿cómo lo haría?
<div class="left-side">
<div class="items" style="display:block;width: 94%;margin: 0 auto;overflow: hidden;">
</div>
</div>
.left-side {
width: 1470px;
padding-top: 20px;
height: 878px;
}
He probado a poner la clase de desbordamiento del lado izquierdo en auto, pero eso no ha hecho nada.
Puedes ocultarlo:
html {
overflow: scroll;
}
::-webkit-scrollbar {
width: 0px;
background: transparent; /* make scrollbar transparent */
}
Para más información, consulte : https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll
si realmente quiere deshacerse de la barra de desplazamiento, divida la información en dos páginas separadas.
Directrices de usabilidad sobre barras de desplazamiento de Jakob Nielsen:
Hay cinco pautas de usabilidad esenciales para el desplazamiento y las barras de desplazamiento:
Ofrecer una barra de desplazamiento si un área tiene contenido que se desplaza. No confíe en No confíe en el desplazamiento automático ni en el arrastre, que puede pasar desapercibido.
- Ocultar barras de desplazamiento si todo el contenido es visible. Si la gente ve una barra de desplazamiento, asumirá que Si la gente ve una barra de desplazamiento, supondrá que hay contenido adicional y se sentirá frustrada si no puede desplazarse.
- Cumpla con los estándares de la interfaz gráfica de usuario y utilice barras de desplazamiento que parezcan barras de desplazamiento.
- Evite el desplazamiento horizontal en las páginas web y minimícelo en otros lugares.
- Muestre toda la información importante por encima del pliegue. Los usuarios suelen decidir si se quedan o se van en función de lo que pueden ver sin necesidad de desplazarse. Además, sólo dedican el 20% de su atención debajo del pliegue.
Para que su barra de desplazamiento sólo sea visible cuando sea necesario (es decir, cuando haya contenido para desplazarse hacia abajo), utilice overflow: auto
.
Puede hacer uso del plugin SlimScroll para hacer que un div sea desplazable incluso si está configurado como overflow: hidden;
(es decir, barra de desplazamiento oculta).
También puedes controlar el desplazamiento táctil así como la velocidad de desplazamiento usando este plugin.
Espero que esto ayude :)