jQuery Draggable and overflow issue

Posted by Phill Duffy on Stack Overflow See other posts from Stack Overflow or by Phill Duffy
Published on 2009-05-01T11:24:48Z Indexed on 2010/12/29 0:54 UTC
Read the original article Hit count: 310

Filed under:

jquery-ui

|

drag-and-drop

I am having an undesired effect when I drag a div from a container div which is set as overflow: scroll.

I have found an example of someone else where they have had the issue but I have been unable to find a resolution

Example on Paste bin

What happens is that the scroll is just increased, I can see why this would be the desired behaviour if you wanted to drag to a destination within the scrollable div but I want to be able to take it outside of its scrolling grasp.

Thanks, Phill

© Stack Overflow or respective owner

Related posts about jquery-ui

jquery.ui.draggable.js and jquery.ui.widget.js conflict

as seen on Stack Overflow - Search for 'Stack Overflow'
hello I had a working application, which uses a jquery ui dialog. I wanted to make the dialog draggable. As far as I know the only thing needed is the jquery.ui.draggable.js script. So I added it to the scripts I am using, but know I get the following error (as shown in the firebug console): base… >>> More
Use JQuery UI Datepicker with Icons from Jquery UI Theme

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a datepicker control setup using the JQuery UI, I am also using the JQuery UI themes which provide a bunch of default icons that I want to use. The DatePicker allows for specifying a specific image, i.e.: <script type="text/javascript"> $(document).ready(function() { $("#DateFrom")… >>> More
JQuery UI function errors out: Object is not a property or method

as seen on Stack Overflow - Search for 'Stack Overflow'
In the following code I get an error that says autocomplete function Object is not a property or method Here is the code: <title><%= ViewData["pagetitle"] + " | " + config.Sitename.ToString() %></title> <script src="../../Scripts/jqueryui/jquery-ui-1.8.1.custom/development-bundle/ui/minified/jquery… >>> More
Strange jQueryUI dialog error

as seen on Stack Overflow - Search for 'Stack Overflow'
I have dialog created like this $('#add_error').click(function(e) { $('<div>') .load('/someaction/format/html/') .dialog({ title: 'Some title', modal: true, width: 385, close: function() { … >>> More
JavaScript : jQuery UI 1.8 est disponible avec 5 nouveaux plug-ins, 1 nouvel effet et des centaines

as seen on Developper.com - Search for 'Developper.com'
jQuery UI 1.8 est disponible L'équipe de jQuery UI annonce la sortie de jQuery UI 1.8, cette version apporte 5 nouveaux plug-ins, 1 nouvel effet, et des centaines de corrections de bogues et d'améliorations. Pour une liste complète de tous les changements entre jQuery UI 1.7.2 et jQuery UI 1… >>> More

Related posts about drag-and-drop

Implementing Drag and Drop Functionality WebBrowser Control Winforms C#

as seen on Stack Overflow - Search for 'Stack Overflow'
I need to capture drag and Drop Events of WebBrowser Control in WinForm C#. Is there any way ? >>> More
Drag and drop with an image

as seen on Stack Overflow - Search for 'Stack Overflow'
I need to create a drag and drop system in swing where an image of the thing being dragged is attached to the cursor during the drag. In theory this is achieveable with public Icon getVisualRepresentation(Transferable t) but there appears to be a long standing bug (here) that means this method… >>> More
jQuery table drag and drop plugin within iFrame

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using the latest version (0.5) of Table Drag and Drop plugin (http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/) for jQuery. I have a problem when the table with the draggable rows is inside an iframe. When I drag a row and take it to the top, the page will not scroll (even after… >>> More
How to set a target as image [on hold]

as seen on Game Development - Search for 'Game Development'
How to set a target as image in given code. public void addListenerForImage(final Image roomImage) { final DragAndDrop dragAndDrop = new DragAndDrop(); dragAndDrop.addSource(new DragAndDrop.Source(roomImage) { public DragAndDrop.Payload dragStart (InputEvent… >>> More
Drag and Drop in MVVM with ScatterView

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to implement drag and drop functionality in a Surface Application that is built using the MVVM pattern. I'm struggling to come up with a means to implement this while adhering to the MVVM pattern. Though I'm trying to do this within a Surface Application I think the solution is general… >>> More