모바일 스와이프 구현 마지막 숙제
402
3 asked
혹시 모바일 cd플레이어 관련해서 function touchFunc(e) {
let type = null;
let touch = null;
switch (e.type) {
case "touchstart":
type = "mousedown";
touch = e.changedTouches[0];
start_X = touch.clientX;
end_X = 0;
break;
case "touchend":
type = "mouseup";
touch = e.changedTouches[0];
end_X = touch.clientX;
let chkNum = start_X - end_X;
let chkNumAbs = Math.abs(chkNum);
if (chkNumAbs > 100) {
console.log(chkNum);
if (chkNum < 0) {
if (pageNum > 0) {
pageNum--;
} else {
pageNum = totalNum - 1;
}
} else {
if (pageNum < totalNum - 1) {
pageNum++;
} else {
pageNum = 0;
}
}
pageChangeFunc();
}
break;
}
}마지막으로 숙제해주신부분에서 pageNum이계속해서 -- 또는 ++ 이면 없는 인덱스까지 튀어나오기때문에 주석해주신 부분에서 pageNum의 컨디션을 넣어주어야 한다고 생각해서 작성했는데 혹시 맞는지 궁금합니다
Answer 2
0
아 제가 생각했던 로직은 이전강의에 수강했던 것처럼 마지막 화면에서 다시 next를 눌러도 0으로 돌아가도록, 첫번째 화면에서 prev를 눌러도 마지막으로 가도록 구현하기 위해서 해당 로직을 넣었던 것이었습니다.
0
안녕하세요.
원하는대로 동작을 하신다면 맞습니다.
제가 궁금한 부분은
if (pageNum > 0) {
pageNum--;
} else {
pageNum = totalNum - 1;
}pageNum 이 0보다 작으면 pageNum = 0; 을 해줘야하는 것 아닌가요?
어떻게 구현을 하시려는지 정확히 모르겠지만요. 아래도
if (pageNum < totalNum - 1) {
pageNum++;
} else {
pageNum = 0;
}pageNum = totalNum - 1; 이라고 해줘야 할 것 같아요.
아니면 빼도 동작이 같을 것 같아요.
if (pageNum > 0) {
pageNum--;
}
//
if (pageNum < totalNum - 1) {
pageNum++;
}
레퍼런스 사이트
0
339
1
스크롤위치에 따른 페이지 변화에서
0
267
1
배열을 이용한 bg컬러 변경 강의에서 tagname body에 [0]이 왜 붙나요?
0
380
1
스크롤 위치에 따른 페이지 변화 - scroll 이벤트 에 대한 질문
0
675
1
페이징.페이지고정2 질문드립니다.
0
459
1
scrollTo 완성본
0
603
2
모바일 3D 입체 카드 제작 아이폰에서 에러
0
386
1
css 질문 드립니다
0
624
1
css 질문
0
284
1
pointBtn.addEventListner("click")
0
305
2
if문의 첫번째 조건 질문 있습니다~
0
285
1
offsetTop, offsetHeight
0
785
2
기존의 축 회전값에 더해서 rotate
0
320
1
모바일 드래그 강의 질문드립니다!
0
256
1
질문입니다.
0
215
1
GSAP(트윈맥스) 라이센스 관련 질문 드립니다.
0
1657
1
wrap 안에 click 이벤트
0
225
1
greensock을 사용하려면
0
701
1
TweenMax 효과 리셋
0
527
1
max 이상으로 입력했을 때 질문입니다.
0
193
1
dom에서 직접i nput의 value 값을 갖고 나오는 것에 대해
0
371
1
화살표 회전 질문
0
263
1
질문이용~
0
218
1
파일명 한글시 live Server 작동안함
1
213
1

