1 diciembre, 2021 __ Etiquetas: css, desarrollo web
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;