매우 간단하지만 혹시나 몰라서 기록.
모달 팝업시 부모 컴포넌트 스타일로 overflow:hidden을 주면 스크롤이 사라진다. 문제는 스크롤 영역이 사라지면서 전체 레이아웃이 잠깐 흔들리기 때문에 사용자입장에서 좋아보이진 않을 것 같다.
body {overflow: hidden; padding-right:6px }
해결책으로 overflow 속성과 함께 스크롤바의 너비 만큼 padding-right를 주었다.
이렇게 하면 화면의 흔들림 없이 스크롤만 사라지게 할 수 있다.
물론 스크롤바 너비를 예측하지 못할 경우, 그리고 스크롤이 없는 화면에서 문제가 생길 여지가 있다. 나중에 더 좋은 방법이 있다면 기록해보도록 하자.
