Bootstrap模态停止滚动

Question

这将是一个奇怪的问题......

我在为客户开发的网站上遇到问题。 我在Bootstrap 3模态窗口中有几个select2输入。 在较小的屏幕上，模态窗口垂直向上滚动，直到您将焦点放在两个选择输入中的一个上。 之后，您无法以任何方式滚动它。 使用键盘或滚轮或拖动滚动条。

我试图制作一个可以重现错误的小提琴，因为我无法向你展示我正在制作的网站，但是在小提琴上，无论你做什么，滚动都会起作用。

我也试着摆弄这个：

$('select').select2({
    dropdownParent: $("#myModal")
});

但它没有任何区别。 所以......我不得不以另一种方式提问。

什么可能阻止模态滚动？ 滚动条是可见的，它没有被禁用，但它被卡住了，你无法以任何方式移动它。 div上的属性或文档的其他部分是否可以设置为获取此类行为？

Answer 1

尝试将此添加到您的CSS：

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

我之前遇到过这个问题，这对我有用。 如果这不能解决你的问题，你可以制作它的GIF吗？

Answer 2

我通过删除data-dismiss="modal"并添加来解决了这个问题

setTimeout(function(){ $('#myModal2').modal('show') }, 500);
$('#myModal1').modal('hide');

希望能帮助到你