728x90
상황: Aos 모바일웹에서 스크롤 내리는 중에 Top 버튼 클릭시 버튼 이벤트 발생이 안되고 스크롤만 멈추는 현상
(사실 스크롤 중에 터치로 멈추는 게 더 자연스럽다. 하지만 특정 영역은 원하는 이벤트를 발생시켜야함)
파악한 원인으로는 다음과 같다.
원인1) 브라우저 내에서 상호작용을 막기 떄문에 스크롤 중에는 멈추는 것으로 처리함.
원인2) top 버튼이 부모보다 위에 있지 않을 경우 작동 안됨
본인의 경우에는 top 버튼이 제일 위에
position:fixed 되어 제일 높은 z-index 값을 주어 상단에 올라와있었다.
top버튼에 touchend 이벤트를 주어 해결함.
'Javascript Tips' 카테고리의 다른 글
| 브라우저) CPU, GPU, 렌더링, 메모리 성능 모니터링을 위한 유용한 도구들 (0) | 2025.08.25 |
|---|---|
| 모바일 ios 이슈) 키보드가 버튼, Input 가리는 현상 (1) | 2025.08.11 |
| 캐릭터메신저구현기 부드러운 무빙 - requestAnimationFrame (0) | 2025.04.04 |
| Javascript로 캐릭터 메신저 구현기(모아보기) (0) | 2025.04.03 |
| 캐릭터메신저구현기 - getBoundingClientRect, offsetTop(Left), clientWidth(Height) (0) | 2025.04.03 |
