안녕하세요 선생님 강의 너무 잘 듣고 있습니다.
응용문제하다 막혀서 질문 드립니다.
첫번째 사진에서 두번째 사진은 스와이프도 잘 따라오고 사진도 잘 넘어갑니다.
근데 두번째 사진에서 사진은 넘어가는데 첫번째 사진처럼 스와이프하면 사진이 고정되어 따라오질 않네요
이것저것 찾아봤는데 도저히 방법을 모르겠습니다 ..ㅜㅜ
피드백 해주시면 감사하겠습니다!
var 시작좌표 = 0;
var 눌렀냐 = false;
$('.slide-box').eq(1).on('mousedown',function(e){
시작좌표 = e.clientX
눌렀냐 = true;
})
//
$('.slide-box').eq(1).on('mousemove',function(e){
if(눌렀냐 == true){
$('.slide-container').css('transform', `translateX: calc(${e.clientX - 시작좌표}px + 100vw)`)
} console.log(e.clientX)
})
//
$('.slide-box').eq(1).on('mouseup',function(e){
눌렀냐 = false;
if(e.clientX - 시작좌표 < -100){
$('.slide-container').css('transform','translateX(-200vw)');
$('.slide-container').css('transition','all 1s');
} else {
$('.slide-container').css('transform','translateX(-100vw)')
$('.slide-container').css('transition','all 1s');
}
setTimeout(()=>{
$('.slide-container').css('transition', 'none')}, 500)
})
