www.dhtmlgoodies.com

Hello,

I have created a drag and drop example with two columns. The left list is used to select an an item and the right one to drop it (Please visit for the example). Nearly everything works as expected but there is a single problem I cannot solve and I havn't found anything on the web so far: As we have a lot of items to choose from, I am using a div to have a scrollable list on the left side.

Unfortunately, when I scroll down to select an item from the bottom of the left list and to drop it on the right side, the position of the selected item is deferred by the amount of the scrolled window position when I move it to the right list. The reason for that is probably the scrolled list on the left side, but I have absolutely no idea how to fix this.

Maybe someone out there has an idea or a workaround?

Regards,
David

Have you find solution for this ? I am also facing same problem.

I didn't search a lot.
I think I'll migrate my paned drag&drop under JQuery

Thanks, for quick reply..

Is this solved ?? If so please someone post the code. I am having similar problem

Hi guys... I am having this problem as well. I need the 'target' to allow for a fixed position, so that when a user scrolls up and down on the page it doesn't lose the position that the sources can be dropped onto. you can easily demo/duplicate this issue if you simpy add this to your stylesheet:


#countries
{
border: 1px solid Black !important;
position: fixed !important;
top: 15pt !important;
right: 0pt !important;
left: auto !important;
width: 800px !important;
}


This will add the countries into a fixed position so you can scroll up and down on a page. The problem is once you do this it no longer works.

Please help... anyone??!!?