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

【问题标题】：Enable and disable scrolling without changing the window size在不更改窗口大小的情况下启用和禁用滚动
【发布时间】：2022-06-10 19:25:22
【问题描述】：

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

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

【问题讨论】：

【解决方案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'

【讨论】：