禁用滚动使内容向右移动

Question

请访问此网站ebooks.am

因此，当我单击表格行时，侧栏从右侧打开。在这里，我给主体禁用滚动有两个目的：首先肯定是在打开侧边栏时禁用主体中的滚动，其次是在侧边栏中隐藏滚动条，否则我将并排放置2个滚动条。

我的问题是，当打开侧栏时，内容（居中表格，搜索）会向右移动。因此，我该如何解决此问题，以使内容保留在原处。

感谢

Answer 1

在html元素上添加“禁用滚动”类，并添加以下代码

  html.disable-scroll{
        height: 100vh;
        overflow: hidden;
    }

    html.disable-scroll body{
        overflow: scroll;
    }