从另一个引导模态打开引导模态使主体永久正确填充

Question

我在同一页面中有 2 个引导模式：#modal1 和 #modal2。 #modal2 可以通过单击#modal1 上的显示 按钮来切换。

这是我的 javascript 代码：

$('#modal1 .show-btn').on('click', function(){
    $('#modal2').modal('show');
});

问题是#modal2打开和关闭时，CSS规则padding-right: 16px;被永久添加到body标签中。

当#modal2 被切换时，有什么方法可以防止padding-right？

Answer 1

如果您不需要动画，您可以尝试从您的模态中删除.fade 类，我听说这会有所帮助。或者您可以简单地使用一些 CSS3 魔法并完全像这样阻止将 padding-right 添加到您的 body 元素：

body { padding-right: 0 !important }

或类似的东西来防止在您的模型打开时添加padding-right：

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