React プロジェクトでモーダルを表示しようとしています。モーダルが表示されているときは、useEffect によって本文のオーバーフローを非表示に設定します (そうでない場合は、モーダルの下にメイン コンテンツのスクロールバーが表示されます)。背景コンテンツのスクロールを防ぐには完璧に機能しますが、問題はモーダルでもスクロールできないことです。 メインページのコードは次のとおりです:
リーリーこれはモーダルのコードです:
リーリーこれは codesandbox の実際の例です: https://codesandbox.io/s/lockingmodal-8mvn36?file=/index.js:1160-4493
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これらの 2 行をクラス「modal-background」に追加します。
リーリー