модальное окно div'ом
 

Само окно уже вывел и сделал затемнение фона. но такая проблема, скролл работает на всю страницу, то есть можно прокрутить до самого низа, а модальное останется где-то вверху. Вариант с постоянным перемещением модального окна вниз не подходит, т.к. оно может быть большой высоты, и получается что если окно браузера маленькое то чтобы полностью его просмотреть придется увеличивать окно. Вот вконтакте смотрю как-то уменьшают диапазон скролла, чтобы не заскроллить за модальное окно. Скажите пожалуйста, как это сделать?

codingfighter,
На время всплытия окна запретите scroll для body

document.body.style.overflow="hidden"

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

Возможно, Вы имели в виду hidden.
http://htmlbook.ru/css/overflow

codingfighter,
Не понял - поясните на примере -эскизе

Спс - поправил

ну откройте вконтакте, нажмите на просмотр фото, смотрите, скролл не исчезает полностью, он просто становится меньше. Теперь уменьшите высоту окна браузера. Можно скроллить. А здесь скролл вообще исчезает.

codingfighter,
Установите ширину затенения

height:100%;
width:100$;
position:fixed;

Тогда оно будет всегда в размер экрана

Нет, вы не поняли. У меня это уже прописано. Экран когда маленький, а точнее высота рабочей области, то появляется скролл (вконтакте). Мне нужна такая же функция. А если поставить body overflow hidden то я так понял скролл окна вообще исчезает. А если поставить на элемент overflow scroll то скролл обазуется вокруг самого элемента.

хмм, а может поставить overflow scroll на затенение :)
но тогда скролл будет всегда отображаться...