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