anglejs-dragulaを使用した横スクロールの問題

Question

anglejs-dragulaを使用していて、画面から隠されているオーバーフローコンテナに自動スクロールできません。

これは私の問題です：
私はドラッグラバーに5つのコンテナがあり、5番目のコンテナは画面から隠されています。今度は、最初のコンテナから要素をドラッグして、5番目のコンテナにドロップします。しかし、画面は5番目のコンテナへの自動スクロールではないので、これを行うことはできません。

angularjs-dragulaは垂直スクロールをサポートしていますか？または私が行方不明の財産がありますか？

例Plunkr：https://plnkr.co/edit/iD38MugmHIx298p7OlrI?p=preview

var app = angular.module('angular-dragula-demo', [angularDragula(angular)]); 
app.controller('MainCtrl', function($scope, dragulaService) { 
    dragulaService.options($scope, 'fifth-bag', { 
     copy: true 
    }); 
}); 

Answer 1

このオプションがDragulaに実装されていないように思えます。 Dragulaの開発者は、モジュールdom-autoscrollerを使用することを提案します。

のGithub上で、この問題を参照してください：https://github.com/bevacqua/dragula/issues/121

AngularJSでこの機能を実装するには：

1）公式レポからDOM-自動スクローラをダウンロード：https://github.com/hollowdoor/dom_autoscroller/blob/master/dist/dom-autoscroller.min.js

2）あなたにそれを含めますプロジェクトフォルダ

3）コントローラで自動スクロールを有効にする：

// ENABLE AUTOSCROLL FOR GOALS LIST 
var scroll = autoScroll([ 
    document.querySelector('.list') 
], { 
    margin: 30, 
    maxSpeed: 10, 
    scrollWhenOutside: true, 
    autoScroll: function() { 
     //Only scroll when the pointer is down 
     return this.down 
    } 
});