このモーダルをスクロール可能にするにはどうすればいいですか？

Question

こんにちは私はこのモーダルスクロール可能にする方法についてかなり苦労してきました。私は私の問題と同様にそこに書き込まれたすべてを試しました。ユーザーにスクロールさせたい利用規約が含まれているようにします。あなたは利用規約をクリックすると

  <div id="modal-container"> 
       <div class="modal-background"> 
        <div class="modal" style="overflow:scroll;"> 
         <div class="termsandconditions"> 

         <h3>Terms of Use</h3> 
         <p>By subscribing you are willing to...</p> 
         <p>...</p> 

         </div> 
        </div> 
       </div> 
      </div> 

これは、正確なコードhttps://jsfiddle.net/hghazni/jxy3fx0x/1/

であり、あなたが全体のことを見たい場合は、これがライブバージョンでは、（それは「レビューを残す」セクションにあります）リンク。

http://bodyondemand.co.uk

私はそれをモーダルにスクロールすることで任意の助けに感謝！

Answer 1

コンテンツをスクロールするには、高さを<div class="modal">要素に設定する必要があります。あなたはすでにあなたが私たちに適切な作業フィドルを与えていないと、それはいくつかの問題があり、ここでは、更新する必要がある場所だ

$('#modal-container').removeAttr('class').addClass(buttonId).find('.modal').height($(window).outerHeight(true)); 

を十分ではありませんoverflow:scroll、

を設定し、私はそれが仕事作っ仮定に基づいて。 https://jsfiddle.net/jxy3fx0x/8/