javascript - 滑动分区并使其跟随滑动方向

Question

我正在使用 Zepto（带有触摸模块）
我有一个带有“滑动”侦听器的 div。
我希望 div 在滑动时跟随用户的手指，就像您在 Android 或 iPhone 上滑动通知一样。有没有办法在滑动事件中获得滑动/手指位置？所以我可以把 div 放在position: relative一个left: [finger left position]

Answer 1

我找到了解决方案，您必须将其绑定到 touchmove 事件，而不是滑动事件：

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

当然，添加一个ontouchend事件以替换它最初所在的元素（以防用户释放刷过的元素）

使用更快的性能也更好-webkit-translate: (70px 0px)（用 x 替换 70px）