webcoreui/utils/bodyFreeze.ts

UI component and template library for Astro, Svelte, and React apps styled with Sass.

export const bodyFreeze = (freeze = true) => {
    const scrollbarWidth = window.innerWidth - document.body.clientWidth

    if (freeze) {
        document.body.style.paddingRight = `${scrollbarWidth}px`
        document.body.style.overflow = 'hidden'
    } else {
        setTimeout(() => {
            document.body.style.paddingRight = ''
            document.body.style.overflow = ''
        }, 300)
    }
}