Наложение Полоса прокрутки

Question

У меня есть HTML-страница, в которой я использую CSS и jQuery для создания эффекта лазеров наложения в стиле CSS.

код можно увидеть here

размер высоты окна, чтобы правая рука бар прокрутки появляется

Когда появится лайтбокс, родительская страница скроллинг отключена.

Проблема заключается в том, что при изменении размера окна браузера наложение начинает исчезать в верхнем и нижнем углу окна браузера, не имея возможности увидеть его содержимое.

Как я могу изменить свой код, так что, когда высота окна браузера меньше высоты оверлейного div, отображаются полосы прокрутки, позволяющие прокручивать вверх и вниз оверлейного div.

Но в то же время сохраняя фон родительской страницы скроллинг инвалидов

Благодарности

Answer 1

Решение: http://jsfiddle.net/LeZuse/nNdqX/. Это всего лишь примерный пример, но достаточно, чтобы вы начали. Идея состоит в том, что после того, как вы захотите отобразить всплывающее окно, вы отключите прокрутку по телу и покажете контейнер с наложением с нужным всплывающим контентом. Обратите внимание на правила CSS body.overlay и body.overlay #overlay, которые позволяют отображать все только с $("body").addClass("overlay");