Javascript 隐藏和显示两个模态，滚动不起作用

我在模态引导3.3.7中遇到问题

我有两种模式，一种比另一种大。当我通过较小模式内的按钮打开较大模式时，滚动条在较大模式下不工作

$('#btnOpenModalLarger').click(function(){
     $('#modalSmall').modal('hide');
     $('#modalLarger').modal('show');
});

Ps：在Bootstrap3.2.x中，它工作正常，在3.3.7版本中，它不工作；(

---

一旦第一个模态关闭，“.modal open”类将从主体中删除。这就是为什么您无法看到滚动条

因此，当第二个模型事件使用show.bs.modal方法触发时，您需要添加“.modal open”类。请选中此选项（全屏视图

---

我在我的网站上有相同的逻辑，但我不使用模式隐藏，我只是在按钮单击中打开一个新模式。另一个模式会自动消失。如果这不起作用，你也可以尝试在单击时进行淡入淡出切换，如“显示更多选项”按钮，然后模态本身就消耗了。两者都应该工作。请创建一个小提琴，以便我们可以帮助您。非常好。谢谢

$('#btnOpenModalLarger').click(function() {
  $('#modalSmall').modal('hide');
  $('#modalLarger').modal('show');
});

$('#modalLarger').on('shown.bs.modal', function (e) {
  $('body').addClass('modal-open');
})