Bootboxモーダルは、第二のモーダルが

Question

JSのフィドルを開いた後にスクロールできません：http://jsfiddle.net/9y7nrx9m/2/

私が最初にbootboxダイアログを作成しています：

// First dialog 
bootbox.dialog({ 
    message: '<input type="button" value="Open second modal" class="second" />' + '<br/>bar'.repeat(100), 
    allowCancel: true 
}); 

スクロールが今ダイアログボックスに影響を与え、ウェブページが所定の位置にとどまります。

// Second dialog 
bootbox.dialog({message: "Second dialog!", allowCancel: true}); 

別のブートボックスダイアログ/警告/プロンプトを作成して閉じた後で、スクロールしても最初のダイアログボックスには影響しません。 Webページの内容が移動し、最初のダイアログがただちに固定されます（予期しない動作）。これをどうやって解決するのですか？

最初のダイアログで表示されるボタンはすべてクリックでき、メインページのボタンはクリックできません（予想される動作）。

Answer 1

ブートストラップモーダルは単一モーダル表示ですが、モーダルモーダルを表示する場合は、現在のモーダルが閉じるとDOMがリセットされ、ボディタグmodal-openが削除され、スクロールの問題が発生します。

溶液1

ながら本体にmodal-openにおける第モーダルの閉鎖。

$('.bootbox.modal').on('hidden.bs.modal', function() { 
    if($(".modal").hasClass('in')){ 
      $('body').addClass('modal-open'); 
     } 
}) 

Solution 1

ソリューション2

あなたにもCSSで同じことを達成することができます。

.bootbox.modal{ 
    overflow: auto !important; 
} 

これはモーダルスクロール可能にしますが、2つのスクロールバーがあります。

Solution 2

-Help :)