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

Question

我遇到了modal bootstrap 3.3.7

的问题

我有2种模式，一种比另一种更大。当我通过较小模态中的按钮打开较大的模态时，滚动在较大的模态中不起作用。

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

  

Ps：在bootstrap 3.2.x中它正常工作，在版本3.3.7中它没有;（

Answer 1

一旦第一个模态关闭'.modal-open'类就会从体内删除。这就是你看不到滚动条的原因。

因此，一旦第二个模型事件使用shown.bs.modal方法触发，您需要添加'.modal-open'类。选中 fiddle （全屏视图fiddle

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

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