How to fix the background of a Popup (modal window) on iOS?

Question

css

For Android and Windows, the background is fixed, but for iOS it does not work.
Below is the code used.
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>

ps site here:
https://yurii-hets.blogspot.com

Answer 1

I can suggest using this solution: https://jsfiddle.net/FL3N/1gaxegxp/
To do this, use this library: https://github.com/FL3NKEY/fix-scroll
Also read the small documentation for this library, specifically the section "Preventing ", the problem and solution for iOS are described there.