• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 캐러셀 스와이프 기능 만들기 질문

캐러셀 스와이프 기능 만들기 질문

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #91794

    박도현
    참가자
      캐러셀 스와이프 기능을 첫 번째 그림에서 두 번째 그림으로 넘어가는 것까지는 구현이 됐는데, 두 번째 그림에서 세 번째 그림으로 넘어가는 것이 안됩니다.
    
    두 번째 그림에서 마우스를 클릭하고 mousedown인 상태로 마우스를 움직일 때 좌표는 잘 콘솔에 출력되는데 mouseup 하는 순간 첫 번째 그림으로 돌아갑니다. 제 생각에는 `translate(${e.clientX - startX})` 부분이 문제인 것 같은데, slider-container의 제일 처음 위치를 기준으로 이동해서 그러는 것 같습니다.
    그런데 찾아보니 translateX 함수는 현재 위치를 기준으로 좌표를 움직인다고 하더라고요.. 혹시 무엇이 문제일까요?
    주석 2023-07-21 113752
    
    #91815

    codingapple
    키 마스터
    마우스 떼면 -100vw로 이동하라고한거같은데 -200vw로 이동해야 셋째사진 보일듯요
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠