JavaScript - デフォルトのページにはスクロール バーがあります。ポップアップ レイヤーが表示されるときに、元のスクロール バーを非表示にして、ポップアップ コンテンツをスクロール可能にするにはどうすればよいですか?

Question

携帯電話用ページでは、デフォルトの本文コンテンツはスクロール バーが多く、クリックするとポップアップ レイヤーが表示される場合、本文コンテンツはスクロールできませんが、ポップアップ レイヤーはスクロールできます。どうやって対処すればいいのでしょうか？

Answer 1

ポップアップレイヤーが表示されるときに元のコンテンツをオーバーフローして非表示に設定すると、ポップアップレイヤーは自動的にオーバーフローし、閉じるときはその逆になります

別に設定する必要はないようです。

Answer 2

ポップアップレイヤーのスクロールイベントでのバブリングを防ぐことができますevent.stopPropagation()。その後、ポップアップ レイヤーをスクロールするときに、外部スクロール イベントはトリガーされません。

リーリー

Answer 3

ブートストラップのモーダルボックスを試してみます。モーダルボックスのポップアップレイヤーはスクロールできるようですが、本体はスクロールできません。

Answer 4

本文の幅と高さを 100% に設定し、ポップアップ レイヤーのオーバーフロー: 自動で問題ありません。