|
|
17.06.2012, 22:34
|
|
Аспирант
|
|
Регистрация: 05.04.2012
Сообщений: 65
|
|
|
модальное окно div'ом
Само окно уже вывел и сделал затемнение фона. но такая проблема, скролл работает на всю страницу, то есть можно прокрутить до самого низа, а модальное останется где-то вверху. Вариант с постоянным перемещением модального окна вниз не подходит, т.к. оно может быть большой высоты, и получается что если окно браузера маленькое то чтобы полностью его просмотреть придется увеличивать окно. Вот вконтакте смотрю как-то уменьшают диапазон скролла, чтобы не заскроллить за модальное окно. Скажите пожалуйста, как это сделать?
|
|
17.06.2012, 22:39
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
|
codingfighter,
На время всплытия окна запретите scroll для body
document.body.style.overflow="hidden"
Последний раз редактировалось Deff, 17.06.2012 в 23:11.
|
|
17.06.2012, 23:05
|
|
Аспирант
|
|
Регистрация: 05.04.2012
Сообщений: 65
|
|
|
Сделал. Но если наш всплывающий div не помещается в рабочую область, сролл не образуется. Как это исправить, то есть как сделать скролл только на наше модальное окно?
|
|
17.06.2012, 23:10
|
|
sinistral
|
|
Регистрация: 28.03.2011
Сообщений: 5,418
|
|
Сообщение от Deff
|
codingfighter,
На время всплытия окна запретите scroll для body
document.body.style.overflow="none"
|
Возможно, Вы имели в виду hidden.
http://htmlbook.ru/css/overflow |
|
17.06.2012, 23:10
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
codingfighter,
|
Сообщение от codingfighter
|
|
Сделал. Но если наш всплывающий div не помещается в рабочую область, сролл не образуется. Как это исправить, то есть как сделать скролл только на наше модальное окно?
|
Не понял - поясните на примере -эскизе
|
|
17.06.2012, 23:11
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
|
Сообщение от melky
|
|
озможно, Вы имели в виду hidden.
|
Спс - поправил |
|
17.06.2012, 23:21
|
|
Аспирант
|
|
Регистрация: 05.04.2012
Сообщений: 65
|
|
|
ну откройте вконтакте, нажмите на просмотр фото, смотрите, скролл не исчезает полностью, он просто становится меньше. Теперь уменьшите высоту окна браузера. Можно скроллить. А здесь скролл вообще исчезает.
|
|
17.06.2012, 23:38
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
codingfighter,
Установите ширину затенения
height:100%;
width:100$;
position:fixed;
Тогда оно будет всегда в размер экрана
|
|
18.06.2012, 00:02
|
|
Аспирант
|
|
Регистрация: 05.04.2012
Сообщений: 65
|
|
|
Нет, вы не поняли. У меня это уже прописано. Экран когда маленький, а точнее высота рабочей области, то появляется скролл (вконтакте). Мне нужна такая же функция. А если поставить body overflow hidden то я так понял скролл окна вообще исчезает. А если поставить на элемент overflow scroll то скролл обазуется вокруг самого элемента.
|
|
18.06.2012, 00:05
|
|
Аспирант
|
|
Регистрация: 05.04.2012
Сообщений: 65
|
|
хмм, а может поставить overflow scroll на затенение 
но тогда скролл будет всегда отображаться... |
|
|
|
