Question

Is it possible to constrain a draggable shape to only be dragged over a set div or area?

I’m using jQuery.

---

Poelinca, thanks for your reply. Using the ‘containment’ option in the draggable parameters I managed to fix my issue.

$(“.item”).draggable({
containment: ‘#wrapper’
});

Answer 1

Check the containment option for the draggable widget from jQuery UI .

Constrains dragging to within the bounds of the specified element or region. Possible string values: ‘parent’, ‘document’, ‘window’, [x1, y1, x2, y2].

Or you can use axis option to :

Constrains dragging to either the horizontal (x) or vertical (y) axis. Possible values: ‘x’, ‘y’.

You can find here some examples.