관리 메뉴

KorSA

[ JavaScript / jQuery ] pan 동작, Hammer.js 본문

Knowledge Wiki/Javascript

[ JavaScript / jQuery ] pan 동작, Hammer.js

Praiv. 2021. 12. 15. 18:13
320x100

1. 터치 이벤트 등을 구현하기 좋은 라이브러리 - Hammer.js
    호환성 걱정 X

var mng = new Hammer.Manager(img1);
mng.add(new Hammer.Pan({threshold: 0})); // threshold: 이벤트 작동 역치(최소값)

mng.on('pan', function () {
	console.log(e.deltaX + ' ' + e.deltaY);
});


2. pan 동작 후 사용자가 마우스를 놓는 순간은 e.isFinal로 캐치

 if (e.isFinal) {
	$('.slide-container').cs('transform', 'translateX(-100vw)');
}
 
728x90
728x90
Comments