Попап, который можно скролить
Зравствуйте. Не подскажите, как реализуются попапы такие же как вконтакте?
То есть при вызове попапа весь фоновой контент блокируется и скроллится только сам попап (полоса прокрутки остается справа в окне браузера и скроллит попап а не всю страницу) |
|
position:fixed;
В старых IE это не поддерживается. Для этого нужно использовать: * html .class{position:absolute;top:expression(......);} В особенности с "TBWindowMargin". А ТС, объяснил бы нормально и со скринами желательно. Некоторые не сидят в соц. сетях. |
![]() ![]() ![]() |
На скриншоте 2 опечатка, там "страница" вместо "страица"
|
упс, не заметил ссылку на FAQ, спасибо
|
Вообще не знаю, чем поможет 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). Ну а внутри этого блока уже и будет ваш попапик. Там позиционируйте как угодно. Удачи. |
Совет: За порваную картинками страницу надо на 15 суток сажать. Видели бы вы эту страницу на айос девайсах — поняли бы. Хотя бы под спойлер прятали такие громадины.
|
Часовой пояс GMT +3, время: 20:53. |