angularjsのdragularを使ったモバイルスクロール

Question

モバイルブラウザをスクロールするときに問題があります。ページにはイメージのリストが表示され、ユーザーはドラッグアンドドロップでイメージの順序を並べ替えることができますが、スクロールする代わりにページをスクロールするときに問題があります。ここに私のplunkは、私の質問はsample

(function() { 
    angular 
    .module('app', ['dragularModule']) 
    .controller('appController', ['$scope', 'dragularService', '$timeout', appController]); 

    function appController($scope, dragularService, $timeout) { 
    var vm = this; 
    vm.items = [{ 
     content: 'Item 1' 
    }, { 
     content: 'Item 2' 
    }, { 
     content: 'Item 3' 
    }, { 
     content: 'Item 4' 
    }, { 
     content: 'Item 5' 
    }, { 
     content: 'Item 6' 
    }]; 

    dragularService('.drag-content', { 
     containersModel: vm.items, 
     scope: $scope 
    }); 

    $scope.$on('dragulardrag', function(e) { 
     $timeout(function() { 
     e.stopPropagation(); 
     }, 2); 

    }); 
    $scope.$on('dragulardrop', function(e) { 
     $timeout(function() { 
     e.stopPropagation(); 
     }, 2); 
    }); 
    } 
})(); 

あり、それはドラッグを遅らせるn個のアクションをドロップすると、スクロールを行うことが可能です。

Answer 1

私はここで3つの解決策を見ています。 最も簡単なのは、ユーザーがアイテムとやりとりすることなくタッチを動かすことができる側に空白を残すことです。 より良い解決策は、項目DEMOにいくつかのハンドラを作ることです。 または、3番目の解決方法は、前述のように遅延を伴うより難しい解決策を実行できます。ブラウザタイマとdrag.startの組み合わせで、movesプロパティを使用してドラッグを防止することによって行うことができます。しかし、私はこれのデモを持っていない、それはあなたのカスタムソリューションになります。