html - 背景ではなく前景を垂直方向にスクロールできるようにする方法

Question

たとえば、Twitter のように、他の人のプロファイル サマリーを開くと、右側のスクロール バーはプロファイル サマリー ウィンドウ (前景) のみをスクロールし、その背後にある Web ページ (背景) はスクロールしません。どうすればこれを行うことができますか、何か提案はありますか? どうもありがとう。

Answer 1

モーダル ポップアップを参照している場合は、モーダルが開いているときにタグに適用overflow: hidden;する必要があります。body

ポップアップがいつ開かれたかを検出できます。modalOpenその場合、たとえば正しいスタイリングを使用して、クラスを body タグに設定できます。次に、モーダルが閉じるときにこのクラスを削除します。

編集/追加: ポップアップを強制的にスクロールする必要がある場合は、ポップアップに適用overflow-y: scroll;してください。

Answer 2

Dave の提案を続けて、もう 1 つ追加します。ポップアップが表示された後、ポップアップを単純overflow-y','scrollにポップアップして、垂直方向にスクロールして閉じることができるようにしますoverflow-y','hidden。どうもありがとうございました。