Question

最初，该网站上只有一种模式。它正在使用滚动条，但是将主页锁定了（只有一个滚动条显示，模态滚动条显示）。

然后，我添加了第二个模态（确实不喜欢多个模态，但在这里不是我的选择），行为相同：主页和第一个模态被锁定，仅滚动查看新模态。

但是，当关闭此新模式时，会出现两个滚动条，一个滚动条用于原始模式，一个外部滚动条用于主页。

我希望它能像没有第二个模式一样工作：当我关闭第二个模式时，我只希望显示第一个模式滚动条，而不是双滚动条。

已经尝试使用CSS，但无法实现，并在此处尝试了有关类似问题的一些答案，但是也没有用。

修改1： 我在get Bootstrap site中进行了检查，得到了相同的结果。当打开任何模式时，滚动仅锁定于模式。但是随后，我打开了第二个模式（通过控制台中的jQuery）并关闭了它。现在只显示一个滚动条，它用于主页，第一个模式不再滚动。

Answer 1

打开模态时，modal-open类将添加到主体。并且当模式关闭时，该类将被删除。因此，当我关闭第二个模式时，该类将被删除，显示了主页上的滚动。

使用this answer找到了解决方案：在第二个模式关闭时向方法添加调用，调用此行$('body').addClass('modal-open');。这样，在关闭第二个模态时，我们仍然拥有所需的CSS。

$('#myModal').on('hidden.bs.modal', function () {
    $('body').addClass('modal-open');
})