水平滚动问题使用angularjs-dragula

我使用的是angularjs-dragula，我无法自动滚动到从屏幕隐藏的溢出容器。水平滚动问题使用angularjs-dragula

这是我的问题：
我有五个容器在我的dragula和第五个容器隐藏在屏幕上。现在我想从第一个容器中拖出一个元素并将其放入第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 
    }); 
});

来源

2017-02-21 Brendan Dcruze

好像这个选项不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 
    } 
});

来源

2017-10-30 16:52:43

水平滚动问题使用angularjs-dragula

回答

相关问题