yora_gets
@yora_gets
Полезный копирайтер

Как решить две проблемы: (1) прокрутка фона Popup и (2) выползание сайта за экран?

1) Когда открываю на мобильнике (вертикально или горизонтально) – Popup на своём сайте, то фон под ним (то есть сам сайт = body = #Block) прокручивается вместе с модальным окном (попапом).

Нужно зафиксировать фон во время открытого модального окна.

Подсказали это решение (скорее всего верное), но не пойму как его применить.

2) Вторая ситуация тоже с мобильника, но в вертикальном режиме страница уходит чутка вправо, за экран. Нужно чтобы не выходило за край))

Вот код Popup:
.b-popup {
    width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.5);
    overflow: hidden;
    position: fixed;
    top: 0px;
    left: 0px;
}
  
.b-popup .b-popup-content {
    margin: 3%;
    width: 80%;
    height: auto;    
    padding: 35px 42px 33px 45px;
    text-align: left;
    background-color: #eeeeee;
    box-shadow: 10px 10px 70px 10px #4b4b4b;
    position: relative;
    overflow: auto;
}

Код сайта – длинный, поэтому сюда копировать не буду.
Вот ссылка на исходник:
view-source:https://yurii-hets.blogspot.com/

p.s. дело имеем с iOS.
p.p.s. попап это зелёные кнопки в прайсе.
  • Вопрос задан
  • 171 просмотр
Решения вопроса 1
IIIu6ko
@IIIu6ko
Чтобы фон не прокручивался под попапом нужно для body задать overflow: hidden

Сделай класс отдельный для этого и присваивай его к body при открытии попапа.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
yora_gets
@yora_gets Автор вопроса
Полезный копирайтер
Второй вопрос решён!

Всё дело было в – meta viewport.
Нужно было вообще убрать «initial-scale»:

Было:
<meta name="viewport" content="width=device-width", initial-scale="1">

Стало:
<meta name="viewport" content="width=device-width">
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Biganto Москва
от 130 000 до 130 000 руб.
Spotware Systems Лимассол
от 3 500 до 3 800 eur.
от 80 000 до 160 000 руб.
22 авг. 2018, в 08:57
113 руб./за 1000 зн.
22 авг. 2018, в 08:50
10000 руб./за проект
22 авг. 2018, в 06:57
150 руб./в час