html - que - personalizar scroll css

Desactivar o eliminar la barra de desplazamiento en HTML

Question

Quiero desactivar o eliminar la scrollbar de scrollbar vertical en una página HTML.
Como hacer eso ?

Gracias.

Answer 1

Lo que intentaría en este caso es poner esto en la hoja de estilo.

html, body{overflow:hidden;}

De esta manera, se desactiva la barra de desplazamiento y, como efecto acumulativo, deshabilitan el desplazamiento con el teclado.

Answer 2

Meder Omuraliev sugirió usar un controlador de eventos y establecer scrollTo (0,0). Este es un ejemplo para Wassim-azirar. Reuniéndolo todo, asumo que esta es la solución final.

Tenemos 3 problemas: la barra de desplazamiento, el desplazamiento con el mouse y el teclado. Esto oculta la barra de desplazamiento:

 html, body{overflow:hidden;}

Desafortunadamente, aún puede desplazarse con el teclado: para evitar esto, podemos:

 function keydownHandler(e) {
var evt = e ? e:event;
var keyCode = evt.keyCode;
if (keyCode==38 || keyCode==39 || keyCode==40 || keyCode==37){ //arrow keys
e.preventDefault()
scrollTo(0,0);
}
}
document.onkeydown=keydownHandler;

El desplazamiento con el mouse simplemente no funciona después de este código, por lo que hemos evitado el desplazamiento.

Por ejemplo: https://jsfiddle.net/aL7pes70/1/

Answer 3

Si realmente lo necesitas ...

html { overflow-y: hidden; }

Answer 4

ponga este código en su encabezado html:

<style type="text/css">
html {
overflow: auto;
}
</style>