mouseup 이벤트가 클릭할 때는 발생하는데(console.log 로 확인함) mousemove가 적용된 이후 뗐을 때는 적용이 안됩니다.
뭐가 문제인가요 ..?
var startPoint =0;
var clicked =false;
$('.slide-box').eq(0).on('mousedown',function(e){
startPoint= e.clientX; //시작좌표
clicked = true;//눌렀을때
});
$('.slide-box').eq(0).on('mousemove',function(e){
if(clicked==true){
$('.slide-container').css('transform', `translateX(${e.clientX - startPoint}px)`)
}
});
$('.slide-box').eq(0).on('mouseup',function(e){
clicked = false;
if (e.clientX - startPoint < -100) {
$('.slide-container').css('transform', 'translateX(-100vw)');
} else {
$('.slide-container').css('transform', 'translateX(0vw)');
}
setTimeout(()=>{
$('.slide-container').css('transition', 'none')
}, 500)
});