0

Estoy tratando de esconder y a la vez deshabilitar el scroll del html; estoy usando material-ui para el diseño, utilizando un backdrop pero este mismo no deshabilita el scroll como lo hace un menú de material-ui. El menú de material-ui se abre y la página solo responde a la interacción con el menú; de escuchar un click fuera de este, el menú desaparece y el scroll vuelve a aparecer. El backdrop no tiene la misma función, este me deja hacer scroll al tener abierto el backdrop y eso es lo que trato de evitar.

1 respuesta 1

1

Si buscas prevenir el scroll de la página, puedes usar la propiedad overlow de CSS

body, html {
    overflow: hidden;
}

Esto ocultará la barra (tanto horizontal como vertical) de la página

Si buscas esconder una sola barra de scroll, puedes optar por overflow-x, overflow-y

body, html {
    overflow-x: hidden;
}

/* Prevenir scroll horizontal */
body, html {
    overflow-y: hidden;
}

/* Prevenir scroll vertical */

Puede ser de utilidad

1
  • esto haria que el scroll desaparezca durante el ciclo de vida de la app, no es lo que busco, solo estoy tratando de ocultarlo y deshabilitarlo cuando un componente se este mostrando
    – Enzo
    Commented el 30 dic. 2020 a las 16:46

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.