AngularJS自動滾動拖放

我有一個過濾器的數組。每個過濾器可以是單個過濾器或過濾器數組（不遞歸，在第一個級別停止）。AngularJS自動滾動拖放

我想在一個功能區中顯示它，並允許在另一個頂部拖動一個過濾器，使該過濾器被添加到另一個過濾器的數組中。

只有3個過濾器可以一次顯示，並且您可以通過水平滾動訪問其他過濾器。

我希望能夠拖動時自動滾動，如果到達右/左邊緣。

有很多方法可以實現拖放操作，但是當我嘗試向他們添加自動滾動功能時，恐怕我會陷入困境。

你會怎麼建議去做這件事？我從哪說起呢？有沒有一個庫讓我滿足我的兩個需求之一，第二個庫很容易實現？

我試圖說明我的意思是在圖片中。請原諒我沒有任何PS技能和我可憐的技能。在過濾器Ÿ拖動一個過濾器X將刪除X和創造Y的位置由X和Y

的 enter image description here

感謝

來源

2015-04-27 AlexD

這可能會有幫助它在我的情況下工作的陣列。如果你有更好的解決方案，請分享。我已經使用ngDraggable的拖放和NG-拖放移動事件調用下面像NG-拖拽移動=「dragContainer（$事件）」功能

$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'); 
      }

其中薩沙是您要的div標識添加滾動條

來源

2015-08-20 14:51:59

這將工作。這種方法有一點警告。刪除對象後，無法停止滾動。滾動繼續爲所有移動事件被解僱。至少我找不到解決方案。 – Jinesh

AngularJS自動滾動拖放

回答

相關問題