在不更改窗口大小的情况下启用和禁用滚动

Question

当我单击按钮时，我会在右侧显示一个弹出窗口，然后我会执行body {overflow: hide;}以防止页面滚动。 关闭弹出窗口时，我做body {overflow: auto} 。 我有一个窗口大小改变，它不是很好。

告诉我如何在不更改窗口大小的情况下正确启用和禁用滚动？

Answer 1

禁用滚动：

document.body.style.paddingRight = `${window.innerWidth - document.body.offsetWidth}px`
document.body.style.overflowY = 'hidden'

启用滚动：

document.body.style.paddingRight = '0px'
document.body.style.overflowY = 'auto'