Javascript 引导-滚动条问题与移动页面

当我打开一个由滚动条引起的模式时，我试图阻止我的页面移动。最初，页面会一直向左移动几个像素，而不是每次打开新模式时都向后移动。我必须应用这个css来解决这个问题：

padding-right:0px !important;
margin-right:0px !important;

但是现在，即使页面向后移动，当登录模式或注册模式打开并且您从LoginModel或RegisterMode中按“在此处注册”或“在此处登录”时，滚动条隐藏并重新出现，从而在移动回其原始位置之前移动页面。我做了一个简单的实验并添加了溢出：滚动到元素，我不喜欢在页面低于某个分辨率时使用两个滚动条

所以我的问题是：

当另一个模型已经打开时，如何阻止滚动条在打开模式时隐藏和重新出现，从而导致页面向左移动，然后返回到其原始位置

这是我的JSFIDLE：

编辑：

---

当模式打开时，是否可以看到一个空白滚动条，以防止其消失，从而导致移位？或者有更好的方法吗？

通常，您只需让滚动条可见，这样它就不会闪烁：

html {overflow-y: scroll;}

---

您需要应用

overflow-y:scroll！重要信息

至

正文

为防止页面移动，

！重要信息

是必需的，因为引导程序将其自身的一些CSS应用于

正文

，您需要覆盖它们

然后将

溢出：隐藏
应用于
.modal
以防止出现双滚动条

演示：
谢谢。当缩小到一个非常小的分辨率时，会有另一个滚动条，但无论如何，这在移动设备上都无法查看，这是我当时没有想到的。非常感谢，很抱歉有点愚蠢这是我开始的第一个项目，所以我还在学习：）我还要添加
#loginmodal{overflow-y:hidden；}
在登录模式打开时删除非活动滚动条。这同样适用于#RegisterModel吗？是的，也包括在
#RegisterModel

中。（未意识到已实现）在这种情况下，将规则添加到

.modal