Bootstrap模態停止滾動

Question

這將是一個奇怪的問題......

我在為客戶開發的網站上遇到問題。 我在Bootstrap 3模態窗口中有幾個select2輸入。 在較小的屏幕上，模態窗口垂直向上滾動，直到您將焦點放在兩個選擇輸入中的一個上。 之后，您無法以任何方式滾動它。 使用鍵盤或滾輪或拖動滾動條。

我試圖制作一個可以重現錯誤的小提琴，因為我無法向你展示我正在制作的網站，但是在小提琴上，無論你做什么，滾動都會起作用。

我也試着擺弄這個：

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

但它沒有任何區別。 所以......我不得不以另一種方式提問。

什么可能阻止模態滾動？ 滾動條是可見的，它沒有被禁用，但它被卡住了，你無法以任何方式移動它。 div上的屬性或文檔的其他部分是否可以設置為獲取此類行為？

Answer 1

嘗試將此添加到您的CSS：

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

我之前遇到過這個問題，這對我有用。 如果這不能解決你的問題，你可以制作它的GIF嗎？

Answer 2

我通過刪除data-dismiss="modal"並添加來解決了這個問題

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

希望能幫助到你