Предотвратить прокрутку тела, но разрешить прокрутку наложения

Я искал решение типа "лайтбокс", которое позволяет это, но еще не нашел его (пожалуйста, предложите, если вы знаете что-либо).

Поведение, которое я пытаюсь воссоздать, похоже на то, что вы увидитеPinterest при нажатии на изображение. Наложение прокручивается (как в целом наложение движется вверх, как страница в верхней части страницы) но телопозади наложение исправлено.

Я попытался создать это только с помощью CSS (то естьdiv наложение поверх всей страницы и тела сoverflow: hidden), но это не мешаетdiv от прокрутки.

Как предотвратить прокрутку тела / страницы, но прокрутить содержимое внутри полноэкранного контейнера?