使用自动滚动

Question

我有一系列过滤器。每个过滤器可以是单个过滤器或过滤器数组（不是递归的，第一级停止）。

我希望将其显示在功能区中，并允许将过滤器拖到另一个过滤器的顶部，使该过滤器添加到另一个过滤器的数组中。

只能同时显示3个过滤器，您可以通过水平滚动来访问其他过滤器。

我希望能够在拖动时自动滚动，如果到达右/左边缘。

有很多方法可以实现拖放操作，但是当我尝试为它们添加自动滚动功能时，我恐怕会陷入困境。

你会怎么建议去做？我从哪里开始？是否有一些图书馆给我一个我的两个需求之一，第二个将很容易实现？

我试过说明我在pic中的意思。请原谅我没有现存的PS技能和我糟糕的mspaint技能。在过滤器Y上拖动过滤器X将删除X并在由Y和Y组成的Y的位置创建一个数组。

由于

Answer 1

这可能会有所帮助它正在我的案例中工作。如果您有更好的解决方案，请分享。 我使用ngDraggable进行拖放和ng-drag-move事件调用，如ng-drag-move =＆＃34; dragContainer（$ event）＆＃34;

  $scope.dragContainer=function(ev){
              var scrollPostion=$('#sasha').scrollLeft();
              console.log(scrollPostion);
              if(ev.tx>0)
              {
                $('#sasha').scrollLeft(scrollPostion+1);
              }
              else
              {
                  $('#sasha').scrollLeft(scrollPostion-1);  
              }

              console.log('dragging');
            }

其中sasha是div Id，您要在其上添加滚动条