Today I Learn/React

[React.js]모달 오픈 시 배경 스크롤 막기

단추언니 2022. 2. 14. 18:36
반응형
 const openModal = () => {
    setModalOpen(true);
    document.body.style.overflow = "hidden";
  };
  const closeModal = () => {
    setModalOpen(false);
    document.body.style.overflow = "unset";
  };

모달창을 여는 이벤트에 hidden값 혹은 unset값 주기

모달 창 오픈할 때 hidden으로 스크롤 막아주고, 모달창을 닫은 후엔 unset을 준다

반응형