引导模式停止滚动

问题描述：

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

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

我想这个也摆弄：

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

但它没有什么区别。所以......我必须以另一种方式提出这个问题。

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

难道这是一个z-index的问题解决了这个问题？ – Maxwelll

不，尝试摆弄这些值，没有任何变化 –

答

尝试添加到您的CSS：

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

我有这个问题之前，这为我工作。如果这不能解决你的问题，你可以制作一个GIF吗？

答

我通过删除data-dismiss="modal" 和添加

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

希望它可以帮助