Tengo el siguiente CSS, pero las barras de desplazamiento están visibles. ¿Cómo puedo hacerlos invisibles (div desplazables sin barras de desplazamiento)?¿Cómo puedo desplazarme por un div sin que se muestren las barras de desplazamiento?
.myDiv
{
height:300px;
overflow: scroll;
}
.myDiv {
width: 200px;
height:300px;
overflow: scroll;
}
.wrapper {
width: 183px;
height: 283px;
overflow: hidden;
border: 1px solid black;
}
<div class="wrapper">
<div class="myDiv">
floating div content...
</div>
</div>
Esto podría funcionar - básicamente va a colocar un div más pequeña alrededor de la que desea y ocultar las barras de desplazamiento.
Pruebe su demo en Chrome/Safari: resalte/seleccione una línea y arrastre el mouse hacia la derecha y verá la barra de desplazamiento. O use un área de texto en lugar del div interno y luego llénelo con texto. A continuación, use las teclas del teclado Re Pág y Av Pág. – Mori
Me gusta. Un ejemplo ligeramente ajustado en js-fiddle: http://jsfiddle.net/nCvMc/ funciona muy bien con el desplazamiento del mouse o las teclas de flecha. – cboettig
si deshabilita la barra de desplazamiento, necesita algo más que pueda desplazarla, de lo contrario no se desplazará. – robx
Casi la misma pregunta: http://stackoverflow.com/questions/5820304 – user123444555621