들불

스크롤 이벤트 에러

스벨트 페이지에서

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

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

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

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

 

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

 

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

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

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

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

 

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

 

그래서 

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

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

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

 

 

|

댓글 1개

목록 페이지에다가 무제한 스크롤 써먹을때 참고해봐야겠네요!
댓글을 작성하시려면 로그인이 필요합니다.
+
분류 제목 글쓴이 날짜 조회
SVELTE 23-05-31 조회 3,171
SVELTE 23-05-29 조회 1,763
SVELTE 23-05-28 조회 1,553
기타 23-05-22 조회 1,159
SVELTE 23-05-22 조회 1,287
SVELTE 23-05-21 조회 1,178
SVELTE 23-05-17 조회 1,425
SVELTE 23-05-15 조회 1,796
SVELTE 23-05-15 조회 1,135
SVELTE 23-05-03 조회 1,341
SVELTE 23-05-02 조회 1,594
SVELTE 23-05-01 조회 2,557
SVELTE 23-04-25 조회 1,549
SVELTE 23-04-25 조회 1,383
SVELTE 23-04-20 조회 5,311
SVELTE 23-04-14 조회 1,131
SVELTE 23-04-10 조회 1,481
SVELTE 23-04-08 조회 1,139
SVELTE 23-04-08 조회 1,832
SVELTE 23-03-17 조회 5,449
SVELTE 23-03-15 조회 1,044
SVELTE 23-03-15 조회 1,124
SVELTE 23-03-15 조회 2,206
SVELTE 23-03-14 조회 1,841
SVELTE 23-03-14 조회 1,420
SVELTE 23-03-14 조회 1,620
SVELTE 23-03-03 조회 1,322
SVELTE 23-03-03 조회 1,321
SVELTE 23-03-01 조회 3,406
SVELTE 23-03-01 조회 4,115