세로 스크롤을 살리면서 가로 스와이프 카드 만들기

touch-action: pan-y 하나로는 부족했습니다. 24px 이동과 1.5배 비율로 가로 의도를 확정하는 방식, 화면 가장자리 제스처를 피하는 방법을 코드와 함께 남깁니다.

의도 판정

포인터가 24px 움직일 때까지는 아무것도 하지 않습니다. 그다음 가로 이동이 세로 이동의 1.5배를 넘으면 카드가 따라오고, 아니면 페이지가 스크롤됩니다.

가장자리

iOS의 뒤로 가기 제스처와 겹치지 않도록 화면 왼쪽 16px에서 시작한 드래그는 받지 않습니다.