javascript - Bootstrap - 移动页面的滚动条问题

Question

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

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

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

所以我的问题是:

How do i stop the scrollbar from hiding and reappearing when opening a modal when another model is already open which causes the page to shift left then back to its original position.

这是我的 JSFiddle:

https://jsfiddle.net/w07dx8jk/

编辑:

是否可以在模式打开时显示一个空白滚动条以阻止它消失，从而导致移动或是否有更好的方法？

Answer 1

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

html {overflow-y: scroll;}