Bootstrap模式停止滚动

Question

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

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

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

https://jsfiddle.net/maidomax/ckuoe762/4/

我也试着摆弄这个：

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

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

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

Answer 1

尝试将此添加到您的css：

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

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

Answer 2

我通过删除skip_metadata_api_check解决了这个问题 并添加

data-dismiss="modal"

希望有所帮助