Jquery Drag Drop scroll issue in mboile browser

check code http://liveweave.com/DxFQcV enter image description here

i have both scrollable and droppable object , problem i that when i try to scroll in mobile device object starts dragging how to stop dragging behaviour when scrolled

is it possible to stop vertical drag drop or any better way to overcome it
i had set axis:"x"

but still problem in mobile browser what could be solution:
1: is it possible to start drag when mouse goes out of image ul
2: or can i start drag on tap or taphold event

or any better way to get out of it

please help