引导模式停止滚动答案

【问题标题】：Bootstrap modal stops scrolling引导模式停止滚动
【发布时间】：2016-02-05 16:29:25
【问题描述】：

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

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

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

我也试过摆弄这个：

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

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

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

【问题讨论】：

【解决方案1】：

尝试将其添加到您的 CSS：

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

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

【讨论】：

【解决方案2】：

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

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

希望对你有帮助

【讨论】：