2026, 새로운 도약을 시작합니다.

스크롤 이벤트 에러

스벨트 페이지에서

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

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

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

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

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

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

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

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

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

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

그래서 

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

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

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

|

댓글 1개

목록 페이지에다가 무제한 스크롤 써먹을때 참고해봐야겠네요!

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

JS프레임워크

번호 분류 제목 글쓴이 날짜 조회
268 Vue 6개월 전 조회 189
267 기타
[기타]
7개월 전 조회 210
266 Vue 7개월 전 조회 226
265 Vue 7개월 전 조회 208
264 SVELTE 11개월 전 조회 309
263 SVELTE 1년 전 조회 522
262 SVELTE 1년 전 조회 508
261 SVELTE 1년 전 조회 838
260 기타 1년 전 조회 617
259 SVELTE 2년 전 조회 1,028
258 Vue 2년 전 조회 791
257 SVELTE 2년 전 조회 1,404
256 SVELTE 2년 전 조회 1,120
255 SVELTE 2년 전 조회 1,340
254 SVELTE 2년 전 조회 1,483
253 SVELTE 2년 전 조회 1,359
252 기타
[기타]
2년 전 조회 682
251 SVELTE 2년 전 조회 748
250 SVELTE 2년 전 조회 871
249 SVELTE 2년 전 조회 1,464
248 SVELTE 2년 전 조회 684
247 SVELTE 2년 전 조회 1,216
246 SVELTE 2년 전 조회 723
245 SVELTE 2년 전 조회 1,142
244 SVELTE 2년 전 조회 1,225
243 SVELTE 2년 전 조회 974
242 SVELTE 2년 전 조회 1,052
241 SVELTE 2년 전 조회 1,150
240 SVELTE 2년 전 조회 1,227
239 SVELTE 2년 전 조회 2,576
🐛 버그신고