引導模式停止滾動

我有一個網站，我爲客戶開發的問題。我在Bootstrap 3模式窗口中有幾個select2輸入。在較小的屏幕上，模式窗口垂直滾動，直到您關注兩個選擇輸入中的一個。之後，您無法通過任何方式滾動它。可以通過鍵盤，滾輪或通過拖動滾動條來實現。

我試圖製作一個會重現錯誤的小提琴，因爲我無法向您展示我正在處理的網站，但在小提琴上，無論您做什麼，滾動都能正常工作。

我想這個也擺弄：

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

但它沒有什麼區別。所以......我必須以另一種方式提出這個問題。

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

難道這是一個z-index的問題解決了這個問題？ – Maxwelll

不，嘗試擺弄這些值，沒有任何變化 –

嘗試添加到您的CSS：

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

我有這個問題之前，這爲我工作。如果這不能解決你的問題，你可以製作一個GIF嗎？

2016-02-05 17:24:23 Georgi

我通過刪除data-dismiss="modal" 和添加

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

希望它可以幫助

2017-05-12 00:52:06

回答