Cómo deshabilitar el scroll con CSS

En esta ocasión te quiero mostrar cómo deshabilitar el scroll con CSS, tanto el scroll horizontal como el vertical, y lo haremos de forma muy sencilla, con una sola propiedad de CSS sobre el elemento que quieras modificar.

Para deshabilitar el scroll vamos a utilizar las propiedades CSS overflow-x y oferflow-y.

Scroll horizontal

Para deshabilitar el scroll horizontal con CSS lo haremos con la propiedad overflow-x:

body {
     overflow-x: hidden;
}

Y de esta forma ya tenemos deshabilitado el scroll. Tu tendrás que cambiar body por el elemento que quieras modificar.

Scroll vertical

Para deshabilitar el scroll vertical con CSS lo haremos con la propiedad overflow-y:

body {
     overflow-y: hidden;
}

Con esto, ya tenemos deshabilitado el scroll. De la misma forma, tendrás que cambiar body por el elemento que quieras modificar.

Ya sabes cómo deshabilitar el scroll, tanto horizontal como vertical. Puedes aprender más en nuestra sección de Desarrollo Web. También te dejo la documentación oficial de CSS en la web de la Fundación Mozilla.

¡Espero que te haya sido de utilidad!