Как заставить скроллиться модальное окно?

Question

[kn1ght_t]

Есть страница, с модальным окном, которое вызывается при нажатии на кнопку
модальное окно появляется в центре монитора при помощи position: fixed;
допустим, высота этого окна больше высоты монитора, как сделать так, чтобы это окно скроллилось?
причем желательно, чтобы сама страничка была статичной при этом

скрин

Answer 1

[Санан :з]

В стиле к окну пропишите:
{overflow:auto} - если нужны оба скроллера(вертикальный и горизонтальный)
{overflow-x:auto} - если нужен горизонтальный скролл
{overflow-y:auto} - если нужен вертикальный скролл

Comments

[kn1ght_t]

привет, двойной скролл, тогда, видимо, бади нужно добавлять overflow:hidden?

[Санан :з]

да, этом можно решить при помощи пары-тройки строк на js. Простейший вариант реализации можно глянуть тут concernzet.ru/ru/champagne . Нажми там на квадратную картинку с бутылкой.

[kn1ght_t]

Санан Бозкурт: при нажатии все, что не относится к модальному окну, съезжает пикселей на 5 вправо, как это можно побороть? такое ощущение, что у дочернего элемента (в нашем случае модальное окно) скролл по ширине меньше места занимает, чем у body, либо он вообще не учитывается

[kn1ght_t]

как вариант, можно body сдвигать влево отрицательным маржином, или есть более оптимальный способ такое решить?

[Санан :з]

kn1ght_t: в примере, показанном мной, при появлении окошка, скроллер body удаляется, который по умолчанию занимает определенное место. И так как страница в данном случае расширяется, то и контент на фоне сдвигается.

[Санан :з]

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

[Санан :з]

забыл упомянуть: весь контент, за исключением шаблонов модальных окон, контент в которые вставляется при помощи ajax