Css 如何在不向左移动内容的情况下显示模式？

对于引导模式。是否有一种方法可以同时实现这两个目标：

避免模式后面的背景内容可滚动

打开模式时，背景内容不应向右移动，因为已删除滚动条

到目前为止，我拥有的最佳解决方案是：

.modal-open {
    overflow-y: scroll !important;
}

但它有一个问题，即当模式显示时，背景内容仍然可以滚动

body.modal-open {
    overflow: hidden;
}

这对我来说不需要任何改变

如何在不向左移动内容的情况下显示模式

由于

---

对我不起作用。当模态打开时，当主体的滚动条被移除时，仍将重新显示。但这仍然允许内容在模态后面滚动。。。你知道怎么预防吗？