Question

I am doing a mobile app and in it i have a horizontal scroll list with dragable items. Under the list i have a box in which is droppable. The dragging seems to work except when i drop into the box nothing happends.

My code jsfiddle

I have a feeling it’s because of the overflow and scrolling, but i can’t seem to find a fix

Answer 1

check out the solution in this fiddle update, didn’t get what you want to accomplish at first.

http://jsfiddle.net/PRQyr/2/

Basically you need to clone the dragged element and either append it to the droppable container with append method or replace content of droppable container with the dragged element with the html method.

I believe you’ll be able to take it from here 🙂