Javascript 引导模式停止滚动

这将是一个奇怪的问题

我在为客户开发的网站上遇到问题。我在Bootstrap 3模式窗口中有两个select2输入。在较小的屏幕上，模式窗口垂直滚动良好，直到您关注两个选择输入中的一个。在那之后，你不能以任何方式滚动它。使用键盘、滚轮或拖动滚动条

我试着制作一个小提琴来重现这个错误，因为我不能向你展示我正在工作的网站，但是在小提琴上，无论你做什么，滚动都可以工作

我也试过摆弄这个：

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

但这没什么区别。 所以我不得不用另一种方式问这个问题

---

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

尝试将其添加到css中：

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

---

我以前也有过这个问题，这对我很有效。如果这还不能解决您的问题，您可以将其制作成gif吗？

我通过删除

data dismission=“modal”

及加入

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

---

希望能有所帮助

这可能是一个z指数问题吗？不，尝试过摆弄数值，没有任何变化