Search jQuery

jQuery Forum

Draggable Manual Containment issue when scrolling

in Using jQuery UI • 9 years ago

I am having an issue when specifying a containment array on a draggable element. The containment works fine in Firefox, but in Chrome when I scroll the page the containment moves with the page. If I scroll down 200px the containment is then 200px low.

containment = {

left: 100,

top: 200,

right: 600,

bottom: 800

};

$("draggableElement").draggable("option", "containment", {containment.left, containment.top, containment.right, containment.bottom});

zodiacdm

Re: Draggable Manual Containment issue when scrolling

9 years ago

Well, my question is not exactly the same, though it is close enough that I think I should add it here.

I am not using manual containment anymore, since I was having issues in chrome when the window was re-sized.

I am now using 'parent' for the containment, and it works for the most part.

The problem I am having is that after an object has been moved once, it is no longer positioned according to the parent like I have set in the css.

When another animation moves the parent container further down the page, the draggable image remains in place, interfering with the new content, and although when dragged again it will snap to the parent container, the positions stored in my database are disturbed.

Is there any way to keep the draggable image relative to its parent? (in css I just set the parent to position: inherit, and it works until I move the image)

Also, how would I find the position of the element relative to its parent?

Response title

Attachments

jQuery Forum

Draggable Manual Containment issue when scrolling

Re: Draggable Manual Containment issue when scrolling

Statistics

Tags

Actions