jQueryタッチパネルリストのドラッグ可能：スクロールとドラッグの干渉（モバイルデバイス）

Question

ドラッグ可能なリストを作成しようとしていますが、ドラッグイベントが何らかの形でモバイルデバイスのスクロールイベントを妨害しています（Windowsタブレット、それはうまく動作します）。スクロールしたりドラッグしたりすることはできますが、両方ではできません。 「-ms-touch-action」と「touch-action」をnoneに設定するとスクロールできますが、設定しなければドラッグできます。

タッチパンチも付属しています。私は、この問題を解決する最善の方法は、項目を1〜2秒間保持することによってドラッグイベントをトリガーすることですが、それを動作させることはできません。

divの境界線から項目をドラッグしなければならないので、リストのオーバーフローが開始時に表示され、停止時に '戻る'に設定されていることが重要です他の方法で。

あなたはここにコードをテストすることができます

http://jsfiddle.net/LQuyr/344/は君たちが私を助けることができると思います。ありがとう。

// draggable 
$('#sortable li').draggable({ 
    scroll: false, 
    helper: 'clone', 
    start: function(e, ui) { 
    $('#sortable').css('overflow', 'visible'); 
    }, 
    stop: function(e, ui) { 
    $('#sortable').css('overflow', ''); 
    } 
}); 

Answer 1

多分遅延オプションは、

$('#sortable li').draggable({ 
     delay: 300, 
     scroll: false, 
     helper: 'clone', 
     start: function(e, ui) { 
     $('#sortable').css('overflow', 'visible'); 
     }, 
     stop: function(e, ui) { 
     $('#sortable').css('overflow', ''); 
     } 
    }); 

...探しているものです