Estive procurando por uma solução do tipo "mesa de luz" que permita isso, mas ainda não encontrei uma (por favor, sugira se souber de alguma

O comportamento que estou tentando recriar é exatamente como o que você veria em Pinterest ao clicar em uma imagem. A sobreposição é rolável , como toda a sobreposição, move-se como uma página no topo de uma página) mas o corpoatrá a sobreposição é fix

Tentei criar isso apenas com CSS i.e. umadiv sobreponha a parte superior da página e o corpo comoverflow: hidden), mas não impedediv seja rolável.

Como impedir a rolagem do corpo / página, mas a rolagem dentro do contêiner de tela cheia?