Модальные окна
![]() Добрый вечер. Имеются модальные окна на сайте которые прокручиваются боковым скроллом, но когда прокручиваем окно до конца, оказывается, что оно прижато к низу страницы, а нужно реализовать отступ. Также, нужно сделать не прокручиваемым шапку тогда, когда открыто модальное окно. Посмотреть о чем я говорю можно на макете (здесь была ссылка), а именно нажав на вторую иконку (статистика) под первым фото. Заранее спасибо. |
У Вас не код, а тихий ужас какой-то! Элементы позиционируются и выдёргиваются из потока, блоки схлопываются по высоте и не растягиваются больше высоты вьюпорта и т.д. Сходу ничего не сделаешь - надо перелопачивать все стили!
Как вариант - вставьте костыль: в div-ы с классом "window" вставьте пустую обёртку <div style="position: absolute; width: 100%; height: 1px; bottom: -50px;"></div> а для <div class="window">пропишите style="overflow:visible" если нужна шапка поверх всех проставьте ей больший z-index, например 1000. |
Конечно неприятно читать критику в свой адрес. при том при всем ещё и мало разборчивую, но за совет премного благодарен.
Насчет шапки, она не должна прокручиваться вместе с содержимым при активном окне. Проще говоря, нужно заменить значение position у окна при активном модальном окне с fixed на absolute. |
почему же "мало разборчивую"? Для начала уберите это правило
div{position:relative;} Шапка чего? Страницы или попандера? У шапки страницы fixed, у шапки попандера absolute. Если проблема в том чтобы сменит позиционирование - так смените! |
Nanto, речь о шапке сайта, которая при активном окне не должна прокручиваться вместе с содержимым, при закрытии окна - все возвращается на свои места (это скорей вопрос js, а не HTML/CSS)
1) Мало разборчивую постольку, поскольку употребление вами жаргонных слов не позволили мне в полной мере понять моих ошибок, а если бы четко было указано на проблемные (по вашему мнению) участки кода, то я был бы благодарен вдвойне. Не вся же верстка кривая - это уж точно :) 2) Аргументируйте. Цитата:
|
Для таких окон со сколлом лучше всего использовать iframe :)
|
Цитата:
Я даже не видя твоего сайта, раз на нём такое используется, могу утверждать что там дикий говно код. выучи css и возвращайся потом.;) Цитата:
|
Часовой пояс GMT +3, время: 12:27. |