[React] 모달 오픈 시 외부(배경) 스크롤 막기

모달 컴포넌트 내에 추가해 주면 스크롤 방지

document.body.style.overflow = "hidden";

 

모달 닫을 때 쓰는 handle 함수에 추가해 주면 스크롤 방지 해제

document.body.style.overflow = "unset";

 

 

참고: https://velog.io/@potter/리액트-모달창-작동시-스크롤-방지

 

React 모달 스크롤 막기 / CSS scroll lock / 리액트 모달 스크롤 막기 / React 모달창 스크롤 막기 / 모달창 스크롤 막기 / 모달 스크롤 막기 / 리액트 모달창 스크롤 막기