Как сделать, чтобы основной скролл переключался на всплывающее окно?

Question

[Денис Букреев]

У меня появилась проблема: когда контент не помещается по высоте во всплывающее окно, он выходит за пределы монитора.

Как сделать, чтобы основной скролл окна браузера переключался на это окно и при скроллинге листалась не сама страница, а именно это окно?
Так сделано, например, на страницах вк

Спасибо

Answer 1

[Юрий]

jsfiddle.net/w3QZc/1

Comments

[Денис Букреев]

так и думал, что придется делать hidden для body
спасибо)

[Денис Букреев]

Еще вопрос: что делать с тем, что когда скролл у body отваливается, то под ним появляется место, и страница расширяется, из-за чего идет сдвиг элементов на странице

[Олег]

Денис Букреев: Очевидно, добавлять padding

[Денис Букреев]

Олег: да, но скролл на маке меньшей ширины, чем на windows
у кого-то так же будет скакать

[Олег]

Денис Букреев: Это также очевидно) Поэтому нужно вычислить ширину скролла пользователя через js.

[Денис Букреев]

Олег: пошел другим путем - просто измерил ширину основного блока до исчезновения скролла и применил. Просто не хотелось скрипты задействовать, но css слишком слаб