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

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;