Modal - スクロール問題のブートストラップオーバーレイコントロール

Question

私は、ブートストラップカルーセルコントロールをモーダルに組み込んだ小さなプロジェクトに取り組んできました。これにより、ユーザーはモーダルからモーダルに移動することができます。それは、あなたが開いたモーダルの内部をスクロールダウンすることができない最初のモーダルの後に、1つを除いて、完全に機能します。

体の前にコントロール（.pull-front）をz-indexに持っていくことが私に関係していると思いますが、私はコントロール<a>が必要です。画面の端。彼らが実際のコンテンツをカバーする理由は不明ですか？何か案は？事前にhommiesに感謝！

.pull-front { 
    z-index:9; 
    cursor: pointer; 
} 

私は、正確な状況にcodepenを作った：http://codepen.io/simplecreatif/pen/bWQYVQ

Answer 1

nextまたはprevボタンをクリックすると、ブートストラップが本体から.modal-openクラスを削除するためです。モーダルが開いている場合は、modal-openクラスをボディに追加する必要があります。

だからここにリンクされ

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

あなたのjsの中で、このコードを追加します。実際のモーダルが見えたのでhttp://codepen.io/anon/pen/GmwygL

Answer 2

悪くない推測していますが、btn-nextをクリックしたときにbody上のクラスmodal-openを失うので、それが実際です。そのクラスは適切に動作する必要があります。