多个Bootstrap模式滚动问题



最初,该站点上只有一个模态。它正在使用滚动栏,但主页锁定(只显示一个滚动栏,模态(。

然后,我添加了第二种模式(真的不喜欢多种模态,但在这里不喜欢我的选择(,相同的行为:主页和第一个模态是锁定的,仅滚动新模式。

但是,在关闭这种新模式时,出现了两个卷轴,一个用于原始模态,一个用于主页的模式。

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

已经尝试使用CSS,但无法实现它,但在这里尝试了一些有关类似问题的答案,但也不起作用。

编辑1:我在GET Bootstrap网站上检查了一下,并且得到了相同的结果。打开任何模态时,仅对模态锁定滚动。但是随后,我打开了第二台模式(通过控制台的jQuery(并将其关闭。现在只显示一个滚动条,它用于主页,第一个模式不再可滚动。

打开模态时,将 modal-open类添加到身体中。当模态关闭时,该类被删除。因此,当我关闭第二种模式时,该类将被删除,显示了从主页上显示滚动。

使用此答案,我找到了解决方案:在关闭第二种模式时将调用添加到方法中,调用此行$('body').addClass('modal-open');。这样,我们在关闭第二种模式时仍有所需的CS。

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

最新更新