Dragging

Basic draggable

Drag me anywhere (if checked)

Drag me horizontally

Drag me vertically

Draggable within a container

Drag me within the container

Drag me within my parent

Auto-scrolling

Drag me out of the page to scroll

Reverting

Drag me and I'll come back

Stacking

1. Drag me and I'll be at the top

2. Drag me and I'll be at the top

3. Drag me and I'll be at the top

4. Drag me and I'll be at the top

5. Drag me and I'll be at the top

Drag handle

Drag me
here or here

Drag me but not here

Snapping to grid within the container

Drag me with grid snapping

Drag me horizontally with grid

Drag move event handler

The following draggable element will stick to a circle line around the centre.

The dragging can also be started by clicking or touching anywhere in the light grey square around the circle. This is set as the catchElement in the options of the draggable.