poner - Elimina las barras de desplazamiento de HTML pero permite desplazar la rueda del mouse

no aparece barra de desplazamiento html

Question

Posible duplicado:
¿Cómo deshabilitar la barra de desplazamiento del navegador o elemento, pero permite desplazarse con la rueda o las teclas de flecha?

Pude desactivar las barras de desplazamiento verticales en una grilla estableciendo la propiedad de CSS overflow-y: hidden . Sin embargo, esto eliminó la capacidad de desplazar los contenidos con la rueda del mouse también.

¿Hay alguna manera de no mostrar las barras de desplazamiento pero aún así permitir que los contenidos se desplacen a través de la rueda del mouse o las teclas de flecha?

Answer 1

Hay métodos Javascript, mira el hilo que duplicaste.

Una solución mejor es establecer el destino de div para desbordamiento: desplazarse, y envolverlo dentro de un segundo elemento que es 8px más angosto, que está desbordado: oculto.

El elemento objetivo tendrá una barra de desplazamiento oculta. La rueda del mouse funcionará, pero la barra de desplazamiento no se mostrará.

<div style=''overflow:hidden; width:200px;''>
<div style=''overflow:scroll; width:208px''>
My mousewheel scrollable content here....
</div>
</div>

Tenga en cuenta que 8px como el ancho de la barra de desplazamiento es un número aleatorio, es probable que sea mucho más y podría requerir CSS por navegador.

Aún mejor que JS en mi libro.

Answer 2

Puede usar jScrollPane que le permite reemplazar las barras de desplazamiento del navegador con las personalizadas:

Como puede personalizar estas barras de desplazamiento personalizadas con CSS, puede hacer que desaparezcan fácilmente (pruebe algo como: .jScrollPaneTrack { display: none; } )