javascript - 分割をスワイプして、スワイプの方向に沿わせます

Question

Zepto を使用しています (Touch モジュールを使用)
。「スワイプ」リスナーを含む div があります。
Android や iPhone で通知をスワイプするのと同じように、スワイプするときに div がユーザーの指に追従するようにします。スワイプイベントでスワイプ/指の位置を取得する方法はありますか? だから私はdivposition: relativeをleft: [finger left position]

Answer 1

私はそれに対する解決策を見つけました.スワイプイベントではなく、タッチムーブイベントにバインドする必要があります:

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

そしてもちろんontouchend、最初にあった要素を置き換えるためにイベントを追加します（ユーザーがスワイプした要素を離した場合）

また、パフォーマンスを高速化するために使用することもお-webkit-translate: (70px 0px)勧めします (70px を x に置き換えます)。