I’m considering adding drag and drop functionality to my Webforms application.
One consideration is that the drag source and drop target may be far enough away from each other to require scrolling. So I thought a cool UI would be for an overlay to appear at the top and bottom of the browser window when the user starts to drag.
This overlay would be a shaded area with an arrow (the top overlay would have an Up arrow and the bottom overlay would have a Down arrow). When the user drags over the overlay, the window would scroll in that direction.
Questions:
- Does anyone have any experience with anything like this? Do you know if it can be done reliably across browsers?
- Can anyone recommend a jQuery plugin that could do the heavy lifting?
- Any other thoughts or recommendations?
I got also some issues with that functionality. I solved it by styling my draggable element with
margin: 0andpadding: 0and make it consistent with awidthand aheightproperties.More I used
marginandpaddingproperties on draggable, sortable and droppable elements more I had issues.Hope it will help you !