在不更改窗口大小的情況下啟用和禁用滾動

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'