COMING SOON 🚀

들불

스크롤 이벤트 에러

스벨트 페이지에서

스크롤이벤트가 실행되고 있을때

스크롤이 마무리 되지 않고 스크롤 에니메이션이 진행되고 있을때

현재 페이지에서 다른페이지로 넘어가는 요청을하면

현재페이지가 닫히지 않는에러가 있습니다.

 

현재페이지 위에 다음 페이지가 아래에 위아래로 (y 축으로) 겹쳐서 보이게 됩니다.

 

터치 감도를 조절하기 위해 on:click 를 on:touchstart 로 변경해놓고

스크롤이 끝나지 않고 스크롤 에니메이션이 진행되는 중간에

on:touchstart 로 다른 페이지로 넘어가면

마무리 되지 않은 이벤트 영향인지 페이지가 닫히지 않는 에러가 있습니다.

 

이게, 스크롤상에서만 나오는게 아니라, fade 와 같은 에니메이션이 있는 경우에도 동일한 증상이 있습니다.

 

그래서 

on:touchstart 상에서 바로 goto와 같은 페이지 넘김을 하기 보다는

함수로 만들어서 현재 페이지에서 에니메이션이 끝났는지 확인한 후에 

페이지 변경이 실행되도록 조치를 해야합니다.

 

 

|

댓글 1개

목록 페이지에다가 무제한 스크롤 써먹을때 참고해봐야겠네요!
댓글을 작성하시려면 로그인이 필요합니다.

JS프레임워크

+
분류 제목 글쓴이 날짜 조회
SVELTE 2년 전 조회 1,426
SVELTE 2년 전 조회 1,465
SVELTE 2년 전 조회 1,232
SVELTE 2년 전 조회 1,349
SVELTE 2년 전 조회 1,440
SVELTE 2년 전 조회 1,471
SVELTE 2년 전 조회 2,838
SVELTE 2년 전 조회 1,482
SVELTE 2년 전 조회 1,340
기타 2년 전 조회 977
SVELTE 2년 전 조회 1,068
SVELTE 2년 전 조회 944
SVELTE 2년 전 조회 1,211
SVELTE 2년 전 조회 1,547
SVELTE 2년 전 조회 942
SVELTE 2년 전 조회 1,119
SVELTE 2년 전 조회 1,394
SVELTE 2년 전 조회 2,268
SVELTE 2년 전 조회 1,294
SVELTE 2년 전 조회 1,167
SVELTE 2년 전 조회 4,933
SVELTE 2년 전 조회 929
SVELTE 2년 전 조회 1,254
SVELTE 2년 전 조회 940
SVELTE 2년 전 조회 1,604
SVELTE 2년 전 조회 5,048
SVELTE 2년 전 조회 848
SVELTE 2년 전 조회 902
SVELTE 2년 전 조회 1,957
SVELTE 2년 전 조회 1,618