jquery - ポップアップ親ページスクロールを有効にする方法は？

Question

リンクをクリックするとポップアップボックスが表示されます。親ページのスクロールを有効にする必要があります。小さな画面のラップトップの場合、ポップアップは正しく表示されません。ポップアップの高さについては何もできません。スクロールを有効にしたい。

.popup{
display: block;
z-index: 1002;
outline: 0px;
position: fixed;
height: auto;
width: 730px;
top: 209px;
left: 259px;
}

Answer 1

ポップアップボックスは通常、ドキュメントフローの外に設定されるため、を使用position: absolute;する代わりに、stackoverflowフラグボックスでさえ、ページとともにスクロールされないため、absoluteを使用します。要素がオーバーフローしている場合は、ブラウザにスクロールが表示される可能性があります。に設定した場合、定義された幅のうち、使用していないことを確認してください。フロートをクリアするためのものである可能性があります。代わりに使用すると、スクロールバーが表示されます。fixedabsoluteposition: absolute;overflow: hidden;clear: both

Answer 2

CSSオーバーフロープロパティを追加するだけです：

overflow-y : auto;
overflow-x : hidden;