rubber banding1 iOS elastic scrolling 이슈 모바일 웹을 구현한 후 테스트를 진행했다. 웹에서는 잘만 되던 기능이 모바일에서 문제를 일으켰다. 아니 정확히 말하자면 ios에서만. 페이지의 상단과 하단에 바가 있는데, 스크롤을 아래로 내리면 상단 menu바가 사라지면서 하단의 nav바가 나타나고, 스크롤을 위로 올리면 상단 menu바가 나타나고 하단 nav바가 사라지게하는 간단한 기능이었다. jQuery와 scroll 이벤트 리스너를 사용하여 스크롤방향을 알아낸 후 상단바와 하단바가 보였다 안보였다하도록 class를 더하고 빼도록 구현했더니 웹과 안드로이드에서는 잘 작동했는데 .... 아이폰 웹브라우저창으로 테스트를 해보니 스크롤을 가장 위로 올렸을때와 맨 끝으로 내렸을 경우 상단바와 하단바가 나타나지않는 현상이 발생했다. 왜지 ???????????.. 2024. 3. 7. 이전 1 다음
