jquery - メインページでモーダルスクロールを作る方法

Question

コンテンツがブラウザーの高さよりも高いモーダルを使用しているため、表示できないコンテンツがあります。（モーダル位置が固定されて全体的にスクロールできないようです）

以下のコンテンツを実際に表示できるように、メインページでモーダルをスクロール可能にするにはどうすればよいですか?

Answer 1

できることは、モーダルの CSSpositionを固定ではなく絶対に設定することです。

これを行うには、次のようにモーダルまたは ID のクラス名を取得し、次のように設定しabsoluteます。

.modal {
position: absolute !important;
}

または、モーダルのメイン CSS を編集して (可能であれば)、 をpositionからfixedに変更しabsoluteます。

jsFiddle の例: http://jsfiddle.net/hUNZs/

Answer 2

私はもう試した<div class="modal myModal"></div>

CSS

.myModal {
      overflow: auto !important; 
      height: 300px; //set a height to a modal so it wont overlapped when the body tag's height is smaller than the modal
}