javascript - teclado - ocultar scrollbar css
Oculta la barra de desplazamiento mientras aún puedes desplazarte con el mouse/teclado (3)
Posible duplicado:
¿Cómo deshabilitar la barra de desplazamiento del navegador o elemento, pero permite desplazarse con la rueda o las teclas de flecha?
Quiero saber si es posible ocultar la barra de desplazamiento, mientras que el desplazamiento todavía está habilitado con el mouse / teclado.
Traté de usar CSS: desbordamiento: oculto; El efecto es, barra de desplazamiento deshabilitada Y desplazamiento deshabilitado.
Existe un complemento jQuery llamado Scrollable que hace lo que desea.
No de forma nativa, pero supongo que podría implementar su propio mecanismo de desplazamiento mediante el uso de Javascript para capturar ciertas pulsaciones de teclas y reubicar el elemento contenedor en consecuencia con CSS. Sin embargo, va a ser feo!
Para referencia futura, también hay una solución sin jQuery: solo tiene el estilo envoltorio div que contiene overflow:hidden y usa este JavaScript de dos líneas:
// get the width of the textarea minus scrollbar
var textareaWidth = document.getElementById("textarea").scrollWidth;
// width of our wrapper equals width of the inner part of the textarea
document.getElementById("wrapper").style.width = textareaWidth + "px";
Actualización : puede usar el mismo principio para crear div desplazable sin barra de desplazamiento: demo .