나누기를 스 와이프하여 방향을 바꿉니다.

Question

Zepto (터치 모듈 포함)를 사용하고 있습니다.
div에 '스 와이프'리스너가 있습니다.
Android 또는 iPhone에서 알림을 스 와이프하는 것처럼 div를 스 와이프 할 때 손가락을 따라 가길 원합니다. 스 와이프 이벤트에서 스 와이프/손가락 위치를 얻는 방법이 있습니까?

$(".element").on('touchmove', function(e){ 
    var x = e.touches[0].pageX; 
    $(this).css('left', x); 
}); 

그리고 물론

는 ontouchend를 추가 : 그래서 나는 그것에 대한 해결책을 발견 left: [finger left position]

Answer 1

와 position: relative에 사업부를 넣을 수 있습니다, 당신은하는 TouchMove 이벤트가 아닌 슬쩍 하나에 바인딩해야 그것은 처음에 있던 요소를 대체하기 위해 이벤트 (X와 70 픽셀 교체) 또한 빠른 성능을 위해 -webkit-translate: (70px 0px)를 사용하는 것이 더 나은입니다

(경우에 사용자는 슬쩍 요소를 출시)