Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Попап, который можно скролить (https://javascript.ru/forum/dom-window/32895-popap-kotoryjj-mozhno-skrolit.html)

Spalt 03.11.2012 00:56

Попап, который можно скролить
 
Зравствуйте. Не подскажите, как реализуются попапы такие же как вконтакте?

То есть при вызове попапа весь фоновой контент блокируется и скроллится только сам попап (полоса прокрутки остается справа в окне браузера и скроллит попап а не всю страницу)

melky 03.11.2012 01:35

http://javascript.ru/forum/182267-post69.html

Your 03.11.2012 10:01

position:fixed;
В старых IE это не поддерживается.
Для этого нужно использовать:

* html .class{position:absolute;top:expression(......);}

В особенности с "TBWindowMargin".

А ТС, объяснил бы нормально и со скринами желательно.

Некоторые не сидят в соц. сетях.

Spalt 03.11.2012 15:09




Spalt 03.11.2012 15:10

На скриншоте 2 опечатка, там "страница" вместо "страица"

Spalt 03.11.2012 15:12

упс, не заметил ссылку на FAQ, спасибо

almazmusic 03.11.2012 23:47

Вообще не знаю, чем поможет position: fixed, потому как к этому попапу нужна целая обвязка, и вообще это не тема для джса. Это верстка.
Для того, чтобы убрать скрол со страницы нужно для html прописать overflow: hidden — это кропнет вьюпорт до размеров окна. Также, изначально, у html и body должна быть задана высота — height: 100%. И в корне дока должен располагаться ваш мегапопап. Правда чтобы он поддерживал скролинг нужно обернуть его в доп.блок с параметрами, типа: top: 0; right: 0; bottom: 0; left: 0; position: absolute; overflow-x: auto; overflow-y: scroll;. Для видимости можете задать фон, но учтите, что во-первых, нужно будет решить момент с минимальными размерами, возможно с отступами (зависит уже от дизайна), во-вторых, ИЕ7 очень необычно реагирует на динамический скрол (overflow: auto).
Ну а внутри этого блока уже и будет ваш попапик. Там позиционируйте как угодно.
Удачи.

almazmusic 03.11.2012 23:48

Совет: За порваную картинками страницу надо на 15 суток сажать. Видели бы вы эту страницу на айос девайсах — поняли бы. Хотя бы под спойлер прятали такие громадины.


Часовой пояс GMT +3, время: 20:53.