Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.06.2012, 22:34
Аспирант
Отправить личное сообщение для codingfighter Посмотреть профиль Найти все сообщения от codingfighter
 
Регистрация: 05.04.2012
Сообщений: 65

модальное окно div'ом
Само окно уже вывел и сделал затемнение фона. но такая проблема, скролл работает на всю страницу, то есть можно прокрутить до самого низа, а модальное останется где-то вверху. Вариант с постоянным перемещением модального окна вниз не подходит, т.к. оно может быть большой высоты, и получается что если окно браузера маленькое то чтобы полностью его просмотреть придется увеличивать окно. Вот вконтакте смотрю как-то уменьшают диапазон скролла, чтобы не заскроллить за модальное окно. Скажите пожалуйста, как это сделать?
Ответить с цитированием
  #2 (permalink)  
Старый 17.06.2012, 22:39
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

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

document.body.style.overflow="hidden"

Последний раз редактировалось Deff, 17.06.2012 в 23:11.
Ответить с цитированием
  #3 (permalink)  
Старый 17.06.2012, 23:05
Аспирант
Отправить личное сообщение для codingfighter Посмотреть профиль Найти все сообщения от codingfighter
 
Регистрация: 05.04.2012
Сообщений: 65

Сделал. Но если наш всплывающий div не помещается в рабочую область, сролл не образуется. Как это исправить, то есть как сделать скролл только на наше модальное окно?
Ответить с цитированием
  #4 (permalink)  
Старый 17.06.2012, 23:10
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от Deff Посмотреть сообщение
codingfighter,
На время всплытия окна запретите scroll для body

document.body.style.overflow="none"
Возможно, Вы имели в виду hidden.
http://htmlbook.ru/css/overflow
Ответить с цитированием
  #5 (permalink)  
Старый 17.06.2012, 23:10
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

codingfighter,
Сообщение от codingfighter
Сделал. Но если наш всплывающий div не помещается в рабочую область, сролл не образуется. Как это исправить, то есть как сделать скролл только на наше модальное окно?
Не понял - поясните на примере -эскизе
Ответить с цитированием
  #6 (permalink)  
Старый 17.06.2012, 23:11
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от melky
озможно, Вы имели в виду hidden.
Спс - поправил
Ответить с цитированием
  #7 (permalink)  
Старый 17.06.2012, 23:21
Аспирант
Отправить личное сообщение для codingfighter Посмотреть профиль Найти все сообщения от codingfighter
 
Регистрация: 05.04.2012
Сообщений: 65

ну откройте вконтакте, нажмите на просмотр фото, смотрите, скролл не исчезает полностью, он просто становится меньше. Теперь уменьшите высоту окна браузера. Можно скроллить. А здесь скролл вообще исчезает.
Ответить с цитированием
  #8 (permalink)  
Старый 17.06.2012, 23:38
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

codingfighter,
Установите ширину затенения
height:100%;
width:100$;
position:fixed;


Тогда оно будет всегда в размер экрана
Ответить с цитированием
  #9 (permalink)  
Старый 18.06.2012, 00:02
Аспирант
Отправить личное сообщение для codingfighter Посмотреть профиль Найти все сообщения от codingfighter
 
Регистрация: 05.04.2012
Сообщений: 65

Нет, вы не поняли. У меня это уже прописано. Экран когда маленький, а точнее высота рабочей области, то появляется скролл (вконтакте). Мне нужна такая же функция. А если поставить body overflow hidden то я так понял скролл окна вообще исчезает. А если поставить на элемент overflow scroll то скролл обазуется вокруг самого элемента.
Ответить с цитированием
  #10 (permalink)  
Старый 18.06.2012, 00:05
Аспирант
Отправить личное сообщение для codingfighter Посмотреть профиль Найти все сообщения от codingfighter
 
Регистрация: 05.04.2012
Сообщений: 65

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Модальное окно Johanan Internet Explorer 9 16.05.2012 10:32
Подскажите как открыть модальное окно "fancybox" из скрипта js dgabets jQuery 1 18.02.2012 17:05
Модальное окно Sadist_dead Элементы интерфейса 1 01.10.2011 20:29
Как запустить модальное окно из информационного окна google maps? www123 jQuery 5 04.09.2011 23:38
закрывается модальное окно zokeoner jQuery 4 08.04.2010 11:18