离子:仅用两根手指滚动内容

时间:2016-11-09 05:11:22

标签: ionic-framework

我的ion-scroll内容包含可以拖动的元素。问题实际上不是关于在拖动时禁用滚动。问题在于,由于内容元素几乎填满整个内容区域,每当我想滚动时,实际上就会发生拖动事件。

是否可以仅用两根手指定义滚动手势?因此,每当我使用两根手指时,它都会滚动,但是当我用一根手指时,它就会拖动。

 <ion-scroll id="queue-scroll" delegate-handle="queue-scroll" ng-drop="true">

    <div items="queue.items">
      <app-item 
        ng-drag-start="stopIonicScroll()" 
        on-release="startIonicScroll()" 
        ng-drag-data="item" 
        ng-drop-success="onDropComplete($data,$event,$index)" 
        ng-repeat="item in queue.items track by $index" />

    </div>
  </ion-scroll>

1 个答案:

答案 0 :(得分:0)

尝试离子的拖动指令: http://ionicframework.com/docs/api/directive/onDrag/

如果这不起作用,您需要从拖动中获取$event并自行预防。您可以查看TouchListhttps://developer.mozilla.org/de/docs/Web/API/TouchList 如果您检测到两次触摸(TouchList.length&gt; 1),则停止拖动。