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

Question

[Юрий Гец]

Есть код:

<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

Answer 1

[Евгений]

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

Comments

[Евгений]

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

[Юрий Гец]

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

[Юрий Гец]

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

[Евгений]

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

[Юрий Гец]

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

.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;
}

Answer 2

[Николай Шабалин]

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