Bootstrapはモーダルをスクロールするだけで、他のものは使用しません。

Question

私はブートストラップのようなモーダルを作成しています&すべては問題ありません。私が気づいた唯一の事は、ブートストラップがモーダルが開いたときにBODYタグのオーバーフローを防ぐことです。しかし、モーダルのコンテンツがスクリーンの高さ以上の場合、モーダルはこのプロパティをオーバーフローさせます...どうでしたか？私はオーバーフローを追加：隠された;モーダルオープン時にボディに移動&オーバーフロー：auto;しかし、それは動作しません...

Answer 1

は基本的に、それは父親要素の要素に影響を与えるべきではありません自体。

したがって、本文にはoverflow: hidden;がありますが、オーバーレイはフローの外側に配置されているため、overflowは影響しません。

.overlayはoverflow-y: autoなので、この要素の内容についてスクロールが特に表示されます。

要素がposition: absoluteまたはposition: fixedに配置されるとそう、それはそれは前任者のoverflow

body { 
 
    overflow: hidden; 
 
} 
 

 
.overlay { 
 
    position: absolute; 
 
    top: 0; 
 
    right: 0; 
 
    bottom: 0; 
 
    left: 0; 
 
    overflow-y: auto; 
 
    padding: 30px; 
 
    background: rgba(0, 0, 0, 0.5); 
 
} 
 

 
.modal { 
 
    margin: auto; 
 
    width: 400px; 
 
    height: 1000px; 
 
    background: white; 
 
    border-radius: 5px; 
 
    padding: 10px; 
 
}

<div class="overlay"> 
 
    <div class="modal">I'm a long modal</div> 
 
</div> 
 

 

 
Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll.Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll.Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll.Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll.Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll.Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll.Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll.Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll. Everything here should not scroll.

だここにあなたのために外部​​

Answer 2

回答はoverflowあなたのモーダルのコンテンツエリアに追加されています。モーダル自体が最大の高さを持っており、子要素（ヘッダー、コンテンツ、フッター）すべてのコンテンツ領域を持つ、固定の高さを持っている

<modal> 
    <modal-header></modal-header> 
    <modal-contents> 
    Your content here 
    </modal-contents> 
    <modal-footer></modal-footer> 
</modal> 

：あなたはブートストラップの構造を見れば、それはのラインに沿っていますオーバーフロー。

不気味に適切ではCSS-トリックでこの最近の記事かもしれません：あなたは要素の通常の流れのうち、HTML要素を取る一度

https://css-tricks.com/considerations-styling-modal/