Как зафиксировать фон Popup (модального окна) на iOS?

Question

[Юрий Гец]

Для Android и Windows фон зафиксировал, а вот для iOS не работает.
Ниже указан используемый код.

CSS:

.scroll-hidden {
    overflow: hidden;
}

JS:

<script>
    $(document).ready(function(){
        PopUpHide();
    });

    function PopUpShow(){
        $("#popup1").show();
        $("body").addClass("scroll-hidden");
    }

    function PopUpHide(){
        $("#popup1").hide();
        $("body").removeClass("scroll-hidden");
    } 
</script>

p.s. сайт тут:
https://yurii-hets.blogspot.com

Comments

[Евгений]

https://stackoverflow.com/questions/4889601/positi...

https://stackoverflow.com/questions/3047337/does-o...

[Юрий Гец]

Евгений, Прошерстил обе ссылки, ничего.

.scroll-hidden {
    overflow: hidden;
    position: fixed;
}

И его подобия с наличием:
position: fixed;

Действительно фиксирует фон, но при этом фиксирует и сам Popup (в котором должен прокручиваться текст).

Answer 1

[fl3nkey]

Могу предложить использовать такое решение: https://jsfiddle.net/FL3N/1gaxegxp/
Для этого используйте эту библиотеку: https://github.com/FL3NKEY/fix-scroll
Так же прочитайте небольшую документацию к этой библиотеке, конкретнее секцию "Preventing", там описана проблема и решение под iOS.