preventBodyScrolling

index.js

$.fn.snapshot = function (property) {
    const snapshot = this.attr(property);
    return () => {
        this.attr(property, snapshot);
    };
};
export function preventBodyScrolling($wrap) {
    const $body = $("body");

    const cbArr = [];
    cbArr.push($body.snapshot('style'));
    cbArr.push($('html').snapshot('style'));
    $wrap.css('pointer-events', 'all');
    const scrollTop = $body.scrollTop();
    $('body>*').each(function () {
        const $dom = $(this);
        if ($dom.css('position') !== 'fixed') {
            cbArr.push($dom.snapshot('style'));
            $dom.css('transform', `translateY(-${scrollTop}px)`);
        }
    });

    $wrap.on('touchmove', (e) => {
        e.stopPropagation();
    });

    $('html,body').css('height', '100%').css('overflow', 'hidden');

    $body.css('pointer-events', 'none');
    return () => {
        setTimeout(() => {
            cbArr.forEach(cb => cb());
            $body.scrollTop(scrollTop);
        });
    };
}