问Bootstrap 3模式触发并导致页面暂时向左移动/浏览器滚动条问题

EN

.modal {
 overflow-y: auto;
}

.modal-open {
 overflow: auto;
}

会把它处理掉。这是为了使模态的工作更具响应性，因此如果屏幕太短，您可以向下滚动查看模态。它还可以在模式打开时阻止背景可滚动。如果您不需要该功能，那么您可以使用我发布的css。

更多信息:他们在body上设置了.mode-open，这会阻止body上的所有滚动，并隐藏body滚动条。然后，当模式出现时，它有占据整个屏幕的黑色背景，并且有overflow-y: scroll，它强制滚动条返回，所以如果模式扩展通过屏幕底部，你仍然可以滚动黑色背景并看到其余部分。

仅使用CSS就可以轻松解决左移问题。

.modal-open[style] {
padding-right: 0px !important;
}

您只是覆盖了代码中存在的内联样式。我在WordPress构建中使用我的，内联样式被应用于body。看起来像这样：

<body class="home blog logged-in modal-open" style="padding-right: 15px;">

希望这对某些人有帮助！

.modal {
    overflow-y: auto;
}

.modal-open {
    overflow: auto;
}

.modal-open[style] {
    padding-right: 0px !important;
}

感谢ben和cjd。

上面的代码看起来很适合我。