Does draggable use a proxy of does it drag the original element?
I've got a page where I want to be able to scroll a container div if
the user drags over the bottom or top of the div. I know that
draggable will do that with the 'scroll' option but the catch is that
I don't want the container div to have scrollbars. I want it to only
be scrollable via elements that I have introduced into the page.
Below is a sample of my html:
<div id="scroll" style="height: 100px; overflow: hidden; position:
relative;">
<div id="visible" style="height: 500px; position: relative;">
<div id="draggable" style="position: absolute;" />
</div>
<div id="scrollUp" style="height: 25px; position: absolute; left: 0;
top: 0" />
<div id="scrollDown" style="height: 25px; position: absolute; left:
0; top: 75px" />
</div>
So the scrollUp and scrollDown divs are invisible until the user drags
the 'draggable' element. They also have mouseover events captured
that position the 'visible' element accordingly. This all works great
except for the fact that when the visible div repositions itself the
'draggable' element does not. I tried repositioning the 'draggable'
element when I reposition the 'visible' element but it didn't work.
Is there someway I can simulate this behavior by using the 'scroll'
parameter for draggable? If not, should repositioning the 'draggable'
element work?
Thanks in advance for any help.
c. loki