When I click on the button, I show a pop-up on the right and I do body {overflow: hide;} to prevent page scrolling. When closing the pop-up, I do body {overflow: auto}. I have a window size changing and it's not good.
Tell me how to properly enable and disable the scroll without changing the window size?
Disable scroll:
document.body.style.paddingRight = `${window.innerWidth - document.body.offsetWidth}px`
document.body.style.overflowY = 'hidden'
Enable scroll:
document.body.style.paddingRight = '0px'
document.body.style.overflowY = 'auto'