1. 문제 상황
이 문제가 발생하기 이전, CSS에 overscroll-behavior-y: none를 적용하여 모바일에서 아래로 다운 스크롤했을 때 자동 새로고침되지 않도록 하였다.
그런데 이 CSS를 적용하니 safari에서 마우스 휠 스크롤이 동작하지 않았다. 직접 scroll 바를 잡고 움직이는 것은 가능하였다.
(다른 브라우저에서는 문제 없이 동작)
2. 문제점
"overscroll-behavior-y" CSS property를 html에 직접적으로 설정하니 문제가 발생했다.
3. 해결 방법
body 혹은 특정 class/id에 설정을 해주면 모바일에서 아래로 다운 스크롤했을 때 자동 새로고침되지 않으면서 safari에서도 마우스 휠을 통한 scroll이 가능하다.
