본문 바로가기
React

리액트에서 특정페이지 스크롤 막기

by 붕어사랑 티스토리 2022. 11. 16.
반응형

useEffect를 이용하여 컴포넌트가 마운트 될 때 스크롤을 막고, 컴포넌트 정리를 할 때 return 값으로 스크롤을 해제해준다.

 

 

 

useEffect(() => {
    document.body.style.overflow = 'hidden';
    return () => {
      document.body.style.overflow = 'auto';
    }
  }, []);

 

반응형

댓글