javascript - 我缺少什么逻辑？

Question

我有一个 #wrapper div 包装一个 #pane div，#wrapper，overflow-x:scroll. 我想要做的是当我触摸 #wrapper 时，#pane 应该跟随我的手指移动。

我的代码是

$('#wrapper').on('touchmove',function(event){
    var touch = event.originalEvent.targetTouches[0];
    var move_x = touch.pageX;
    $('#wrapper').scrollLeft(move_x);                   
})

结果是:是的，#pane 正反向跟随我的手指，但是当我的手指离开并再次触摸时，#pane 滚动位置立即跳转到我的手指 x 位置，这不是我想要的。在我拖动它之前，#pane 在我触摸它时不应移动。

Answer 1

如果你不希望它跳到你的手指位置，你将不得不存储当前位置，并根据你触摸的原始位置和你停止触摸的结束位置之间的差异移动它。