슬기로운 개발자

웹페이지에서 모달창을 사용하는데 있어 문제점들을 해결하고 이 내용을 다시 정리해보았다. 1. 모달창 활성화시 바디 스크롤 방지 모달창에서 마우스 휠을 사용하면 바디 스크롤이 같이 움직이는 경우가 있었다. 웹페이지 모달창에 사용한 carousel이 작동하기 어려워서 모달창이 열렸을 때만 바디 스크롤이 없어지도록 했다. 여러 가지 방법이 있지만 가장 간단한 방법은 바디 스크롤이 적용된 구간 의 상위 태그를 모달창 활성화시 overflow:hidden 처리하는 것으로 해결했다. css는 .addClass()로 적용했다. 2. 모달창 비활성화시 바디 스크롤 (1의 반대) 반대로 모달창이 비활성화 되었을 때는 바디 스크롤이 작동해야 하므로 1번에서 addClass() 한 것을 다시 반대로 해제하기 위해 .remo..