@
joseacat.io  »  Blog   »   Cómo prevenir el desplazamiento de la segunda capa con el position: fixed con CSS

Cómo prevenir el desplazamiento de la segunda capa con el position: fixed con CSS

1 diciembre, 2021 __ Etiquetas: ,

Admítelo, en algún momento has intentado poner un menú o modal con posición fija (position: fixed) y al hacer scroll, la capa de abajo se movía al llegar al final y pasaba todo eso que hace que el usuario tenga todo menos una buena experiencia de usuario.

¿Cómo solucionarlo?

Es más fácil de lo que pensabas. Seguro. Y se arregla con dos simple reglas de CSS:

    overscroll-behavior-y: contain;
    overflow-y: auto;