javascript - 引导模式停止滚动

Question

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

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

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

我也试着摆弄这个：

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

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

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

score 3 · Accepted Answer

尝试将此添加到您的CSS：

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

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

score 0 · Accepted Answer

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

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

希望能帮助到你

2 回答 2