들불

스크롤 이벤트 에러

스벨트 페이지에서

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

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

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

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

 

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

 

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

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

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

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

 

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

 

그래서 

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

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

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

 

 

|

댓글 1개

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

JS프레임워크

+
분류 제목 글쓴이 날짜 조회
SVELTE 2년 전 조회 1,405
SVELTE 2년 전 조회 1,443
SVELTE 2년 전 조회 1,212
SVELTE 2년 전 조회 1,331
SVELTE 2년 전 조회 1,422
SVELTE 2년 전 조회 1,456
SVELTE 2년 전 조회 2,819
SVELTE 2년 전 조회 1,461
SVELTE 2년 전 조회 1,319
기타 2년 전 조회 959
SVELTE 2년 전 조회 1,046
SVELTE 2년 전 조회 920
SVELTE 2년 전 조회 1,184
SVELTE 2년 전 조회 1,518
SVELTE 2년 전 조회 914
SVELTE 2년 전 조회 1,097
SVELTE 2년 전 조회 1,371
SVELTE 2년 전 조회 2,246
SVELTE 2년 전 조회 1,266
SVELTE 2년 전 조회 1,144
SVELTE 2년 전 조회 4,906
SVELTE 2년 전 조회 914
SVELTE 2년 전 조회 1,227
SVELTE 2년 전 조회 918
SVELTE 2년 전 조회 1,580
SVELTE 2년 전 조회 5,008
SVELTE 2년 전 조회 827
SVELTE 2년 전 조회 878
SVELTE 2년 전 조회 1,926
SVELTE 2년 전 조회 1,594