장바구니에 상품이 없습니다.
home2 › 게시판 › JavaScript, TS 게시판 › 터치슬라이드 질문있습니다.
이렇게 했는데 첫번째 사진에서는 e.deltaX가 마우스 클릭한체로 움직이면 사진이 마우스 따라 왔다갔다 잘하는데, 두번째 사진에서는 마우스 클릭한체로 움직여도 사진 가만히 있도 마우스 클릭때면 3번째 사진이 나오는것만 잘됩니다.. 뭐가 문제일까요?
지금보이는사진이 2일 때 translateX( + e.deltaX + px) 를 해주는 코드를 작성안해서 그렇습니다
1일때는 잘 되어있군요
이렇게 짜면 되야하지 않을까요?... ㅠㅠ
-20 만큼 왼쪽으로 드래그하면
전체사진은 -120px 만큼 움직여서 그냥 첫사진만 보이거나 그러겠군요
'translateX( calc(-100vw + '+e.deltaX+'px) )'
둘째사진 드래그시엔 이렇게 쓰거나 해야합니다
근데 지금 큰 전체 박스 드래그시 코드실행하라고 했는데 저럴 경우 안에 있는 이미지를 드래그하면 잘 안될 수 있습니다 개별 이미지에 부여하는게 좋을 수 있습니다
px 단위와 vw 단위를 같다고 생각하고 있었네여 ;; 응용으로 우측 슬라이드도 만들어 보았습니다 🙂
