웹 Modal과 스크롤 관련 질문!

Question

웹에서 모달을 띄우는 작업을 하고 있습니다. 
모달을 통해 상품정보를 보여주는데요.
이 때 모달의 내용을 다 보고 맨 밑까지 스크롤을 내리면 이후에는 뒷 배경이 스크롤 됩니다.
반대로 스크롤이 맨 위에 있을 때는 뒷 배경이 위로 스크롤 됩니다.
모달이 떠있을 때 뒷 배경 스크롤이 안되도록 하고싶은데 혹시 비슷한 문제를 해결하신분 계신가요?!

엄홍재 · Answer

모달이 떠 있을때의 바깥부분의 스크롤을 없애는 방법을 사용해서 해결한 적이 있어요. css의 overflow프로퍼티를 사용했고 값은 hidden을 사용했어요. 
또 overscroll-behavior 라는 것도 있으니 참고해보세요!!
https://ishadeed.com/article/prevent-scroll-chaining-overscroll-behavior

overscroll-behavior의 단점은 safari에서는 지원하지 않는다고하네요.
찾아보니 최신 safari에서는 지원하는것 같기도 하네요.
https://caniuse.com/?search=overscroll-behavior