Question

I have a div that is position: absolute and it contains items that get dragged. I want to set the containment of their drag to parent but when I do scrolling doesn’t seem to work.

Here’s a jsfiddle example http://jsfiddle.net/pJXVH/1/

Can anyone tell me if there is a way to get around this? While maintaining a layout that has a ‘fill remainder’ div?

Answer 1

So here’s my current solution to the issue, I changed the way that the containment is set. I do not use parent. I just set the left and top, but I use

containment :[10, $('.desktop').offset().top]

and then inside of my function that hides the banner:

$('.ui-draggable').draggable('option', 'containment',  [10, $('.desktop').offset().top]);

This changes the containment as needed…

I would prefer an answer that is more css or $.draggable oriented but this will serve my purposes.

If you find a better way please let me know.