Как сделать прокрутку зафиксированной области?

Question

[Vardensky]

Есть сайт. Прошу не расценивать это как рекламу. Просто реально уже целый день убил( Суть в следующем, при нажатие на "мой кабинет" (справа сверху) появляется что-то вроде попап окна. Хотя и окном это тяжело назвать. при нажатии на регистрацию ( по центру) появляется форма с данными для заполнения, но проблема в том, что эта форма не хочет прокручиваться уже и overflow пробовал и margin и <br> вставлять. Ничего не помогает. Из-за этого невозможно зарегаться на сайте. Сайт верстал не я и человека этого не вариант найти(

Answer 1

[Максим Тимофеев]

при нажатие на "мой кабинет"

там есть только "кабинет"

что-то вроде попап окна.

ну так сделайте нормальное pop-up окно.

уже и overflow пробовал и margin

К какому элементу Вы это применяете? Ваша форма .site-form.js-site-form_enter у нее possition: fixed; Зачем? И зачем фон отдельно? Засуньте форму в div c фоном, уберите у формы fixed. Родителю, сделайте не height:100%; а min-height:100%; что бы форма его растягивала. Тогда будет скрол.

Comments

[Vardensky]

если убрать fixed, то форма пропадает. z-index не помогает. У меня уже и веют мысли делать другое окно через magnific popup. Но это крайний случай. Надеюсь, что может тут помогут исправить существующее.

[Максим Тимофеев]

если убрать fixed

Конечно, но fixed должен быть у ее родителя, далее в нем блок с прокруткой и явно заданным height и overflow: auto;, в нем уже форм
А вообще проще было через absolute сделать, зачем fixed вообще?

[Vardensky]

и моя форма .site-form.js-site-form_reg

[Максим Тимофеев]

Vardensky, Это не важно. Я вообще считаю, что модалка должна быть одна, настроенная и оттестированная, а по клику в нее данные средствами js добавлять. Что бы не причесывать отдельно каждую.

[Vardensky]

Максим Тимофеев, Вроде получилось, но теперь окно закрывается при нажатии на любую область. z-index по максимуму выставляю- не помогает. (изменения не видны на сайте, т.к пока делаю на локале)

Answer 2

[Талян]

Нормальное popup окно. Чем вам не нравится? Сделайте лучше)
Я нормально зарегистрировался, окошко в центре экрана вылазит - все удобно. Разрешение 1280*720 у меня.

Comments

[Vardensky]

у меня 1366х768 и ничего не влазит. И клиент сегодня звонил и не мог зарегаться. Собственно поэтому и заморочился.

[Талян]

Vardensky, сделайте медиазапрос в css при высоте экрана меньше указанной - стили формы меняйте на более мелкие или в ряд элементы выставляйте.

@media screen and (max-height:750px)
{
          .js-site-form_reg /*поменяйте на класс формы*/
          {
                     /* стили при высоте экрана меньше 750px*/
          }
}