Question

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

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

但现在即使页面移回，当登录模式或注册模式打开并且您按下“在此处注册”或从登录模式或注册模式“登录此处”时，滚动条会隐藏然后重新出现在移回原始位置之前移动页面。我简单地进行了实验并添加了溢出：滚动到元素，当页面低于某个分辨率时，我不喜欢两个滚动条的想法。

所以我的问题是：

当另一个模型已打开时，如何在打开模态时停止滚动条隐藏并重新出现，导致页面向左移动然后再移回原位。

这是我的JSFiddle：

https://jsfiddle.net/w07dx8jk/

修改

当模态打开以阻止它消失导致移位或是否有更好的方法时，是否可以看到空白滚动条？

Answer 1

通常，您只需将滚动条保持可见，这样就不会闪烁：

html {overflow-y: scroll;}

Answer 2

您需要将int i; (!!i);应用于overflow-y: scroll !important以阻止页面移动，body是必需的，因为Bootstrap将自己的一些CSS应用于!important，您需要覆盖它们。

然后将body应用于overflow: hidden以阻止双滚动条。