So I've got a series of divs that are draggable. After positioning them all where I like them, if I use .remove() to get rid of one, all the ones created after that div will move up by the removed div's height.
How do I force these divs to be positioned independently of their spot in the DOM and changes made before that spot so that removing one doesn't reposition the others?
I need to be able to retrieve / set an element's position within it's containing element.
Unfortunately, position() seems to return different positions depending on the scroll position of that parent element (it has overflow: auto).
This is important, since I'm trying to position other elements to be centered on this one (using .css('top')). But when the container is scrolled down, they don't line up correctly. And their css top values don't seem to reflect their real positions (they're absolutely positioned, and draggable).