React 모드에서는 세로로 스크롤할 수 없습니다.

Question

React 프로젝트에 모달을 표시하려고 합니다. 모달이 표시되면 useEffect를 통해 본문의 오버플로를 숨김으로 설정했습니다(그렇지 않으면 모달 아래 기본 콘텐츠에 대한 스크롤 막대가 표시됩니다). 배경 콘텐츠가 스크롤되는 것을 방지하는 데 완벽하게 작동하지만 문제는 모달에서도 스크롤할 수 없다는 것입니다. 메인 페이지 코드는 다음과 같습니다.

으아아아

모달 코드는 다음과 같습니다.

으아아아

이것은 코드샌드박스의 실제 예입니다: https://codesandbox.io/s/lockingmodal-8mvn36?file=/index.js:1160-4493

Answer 1

클래스 "모달 배경"에 이 두 줄을 추가하세요

으아악