jQuery draggable项目和div滚动

Question

我有一个水平的项目列表，可以拖动到第二个div。

该列表可以在其div容器内溢出，因此用户必须滚动才能看到其他项目。

我在移动视图上的问题是当你想用手指滚动查看其他项目时，你实际上开始拖动其中一个项目以便你可以滚动div。

here is an example。请在手机上打开

 <div class="container">
    <div class="drop_zone"></div>
      <div class="items_container">
        <div class="drag_item">a</div>
        <div class="drag_item">b</div>
        <div class="drag_item">c</div>
        <div class="drag_item">d</div>
        <div class="drag_item">e</div>
        <div class="drag_item">f</div>
      </div>
    </div>



$('.drop_zone').droppable({
     drop: function (event, ui) {
     $(ui.helper).clone(true, true).appendTo($(this));
   }
 });

 $('.drag_item').draggable({
        helper : 'clone',
    appendTo: 'body',
 });

使用jQuery UI Touch Punch

进行触摸事件

任何想法？