Задать вопрос

yora_gets

Юрий Гец @yora_gets

Копирайтер

javascript

Как закрыть модальное окно (Popup) на iOS кликнув по фону?

Есть код:

<script>
    $(document).mouseup(function (e) {
            var container = $("#popup1");
            if (container.has(e.target).length === 0){
                container.hide();
            }
        });
  </script>

Он помогает закрыть модальное окно кликнув по не активной (фоновой) области не относящейся к модальному окну. Работает это только в Windows и Android, но не в iOS. Помогите исправить или предложите свой вариант.

p.s. исходник тут (зелёные кнопки): https://yurii-hets.blogspot.com/#prices

Вопрос задан более трёх лет назад
355 просмотров

Комментировать

Подписаться 2 Средний Комментировать

Решения вопроса 1

iamd503

Евгений @iamd503

Верстальщик

добавь к .b-popup cursor: pointer у мобилки

Ответ написан более трёх лет назад

5 комментариев

5 комментариев

Евгений @iamd503

zakharkang, https://stackoverflow.com/questions/10577906/how-t...

Написано более трёх лет назад
Юрий Гец @yora_gets Автор вопроса

Евгений, помогло, спасибо друг)) всех благ

Написано более трёх лет назад
Юрий Гец @yora_gets Автор вопроса

Евгений, подскажете как решить следующий вопрос – когда попап открыт с мобильного устройства и прокручиваешь попап вниз (т.к. он уходит за границы из-за кучи текста) чтобы сам сайт на фоне не прокручивался?

Написано более трёх лет назад
Евгений @iamd503

Юрий Гец, https://stanko.github.io/ios-safari-scoll-position...

Написано более трёх лет назад

yora_gets

Юрий Гец @yora_gets Автор вопроса

Евгений, Поковырял и не понял как это применить в моём случае. Вот код попапа:

.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: 75%;
    height: auto;    
    padding: 35px 42px 33px 45px;
    text-align: left;
    background-color: #eeeeee;
    box-shadow: 10px 10px 70px 10px #4b4b4b;
    position: relative;
    overflow: auto;
}

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

nikolayshabalin

Николай Шабалин @nikolayshabalin

Автор профессиональных курсов в HTML Academy

Попробуйте, не mouseup, а click

Ответ написан более трёх лет назад

Комментировать

Комментировать

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

JavaScript

+1 ещё

Средний
Как сделать программную навигацию без изменения url в vue-router + vue3?
- 1 подписчик
- 3 часа назад
- 20 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Three.js объект сзади не виден при повороте к нему лицом?
- 2 подписчика
- 7 часов назад
- 95 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как скачать pdf из встроенного просмотрщика на сайте?
- 1 подписчик
- 10 часов назад
- 109 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как построение маршрута на 2GIS API v2.0?
- 1 подписчик
- 11 часов назад
- 43 просмотра
0

ответов
JavaScript

Средний
Эффект наложения блоков?
- 1 подписчик
- вчера
- 107 просмотров
2

ответа
JavaScript

+2 ещё

Средний
Как изменить содержание блока програмно со свойством contentEditable?
- 1 подписчик
- вчера
- 82 просмотра
0

ответов
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- вчера
- 45 просмотров
0

ответов
JavaScript

Простой
Как после сабмита очистить поле type="tel" и показать очищенную маску?
- 2 подписчика
- вчера
- 69 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему при добавление переменно в style, она перестаёт обновляться?
- 1 подписчик
- 22 апр.
- 69 просмотров
1

ответ
JavaScript

Простой
Как получить результат отправки на сервер, если fetch-запрос был в одной функции, а результат нужен в другой?
- 1 подписчик
- 22 апр.
- 80 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Fullstack

OnClass

от 200 000 до 600 000 ₽

Настроить перехват https-трафика для android-приложения

25 апр. 2024, в 01:02

7000 руб./за проект

Программа (скрипт) для автоматизации торговли Solana

25 апр. 2024, в 00:45

100 руб./в час

Телеграм-Бот для выдачи конфигов VPN (VLESS/Reality)

25 апр. 2024, в 00:32

10000 руб./за проект