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을 준다
반응형