찾다

 >  Q&A  >  본문

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

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

으아아아

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

으아아아

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

P粉760675452P粉760675452513일 전1155

모든 응답(1)나는 대답할 것이다

  • P粉317679342

    P粉3176793422023-09-17 00:44:10

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

    으아악

    회신하다
    0
  • 취소회신하다