Idea:
The attached codepen project has a list of elements occupying the entire screen and are stacked vertically. Each of the element acts a trigger for dragging a new element from one row to other. Say for example, consider each row is some bank account, and on press and drag, a coin or some kind of element appears which cane be dropped on another row. Also, if there are more number of accounts than the viewport, then we should also be able to scroll.
Problem:
Dragging and dropping the new element is achieved. But now the viewport got locked and it is not scrollable as the draggable is binded to it.
Also, I have used Hammer.js to capture the tap event on the row, which is not firing. I want to use hammer because I want to use other gesture on the row
P.S : The X and Y position of the draggable element is not proper, sorry for that I am fixing it.
@GreenSock Please help me with a solution for this issue.