0
173
Views¿Cómo deshabilitar la superposición de "desplazamiento máximo" nativo de Chrome?
He buscado durante 15 minutos una pregunta similar pero no pude encontrarla, así que aquí está:
Mi aplicación es un lienzo de pantalla completa con el usuario moviendo constantemente el dedo en la pantalla, por lo tanto, quiero deshacerme de la superposición de "desplazamiento máximo" nativo de Chrome (ver imagen a continuación), que ocurre cuando el usuario mueve el dedo hacia arriba o hacia abajo.
Mi body está estilizado así:
body { width: 100vw; height: 100vh; overflow: hidden; } Y probé cosas como preventDefault() en los eventos de touchstart y scroll de la window , pero nada parece funcionar :(
2 answers
Answer question0
Puede utilizar el comportamiento de desplazamiento excesivo en CSS para evitar los efectos de desplazamiento excesivo.
Toma tres posibles valores:
- automático: predeterminado. Los pergaminos que se originan en el elemento pueden propagarse a los elementos antecesores.
- contener: evita el encadenamiento de desplazamiento. Los pergaminos no se propagan a los antepasados, pero se muestran los efectos locales dentro del nodo. Por ejemplo, el efecto de brillo de desplazamiento excesivo en Android o el efecto de bandas elásticas en iOS que notifica al usuario cuando alcanza un límite de desplazamiento. Nota: el uso de overscroll-behavior: contiene en el elemento html evita las acciones de navegación de overscroll.
- ninguno: igual que contener, pero también evita los efectos de desplazamiento excesivo dentro del propio nodo (por ejemplo, brillo de desplazamiento excesivo de Android o bandas de goma de iOS).
Para evitar el brillo de desplazamiento excesivo:
body { overscroll-behavior: none; }0
prueba esto
html, body { overscroll-behavior: none; }