CODEWITHSUNDEEP
javascriptjqueryhtmlcssjquery-ui
user3906428
user3906428

Reputation: 25

JQuery UI dragging into sortable not scrolling

I'm trying to use the jquery ui draggable and sortable together, as i can drop new items into the sortable from a draggable, and sort the items in the sortable. The div that contains the sortable has a fix height, and it is set to be scrolled if it has too many items. My problem is, when i'm dragging a new item into the sortable, the scrolling is not available like when i'm moving items inside the sortable. The mouse wheel scroll is disable when dragging as well.

My Fiddle

Is there a way to enable scrolling in the div when I'm dragging something new into it, by moving the new item to the bottom of the div, or with the mouse wheel?

Thanks for the help.

Upvotes: 1

Views: 1908

Answers (1)

Greg
Greg

Reputation: 836

You can use

scroll: true

Find Method

Doc http://jqueryui.com/draggable/#scroll

Automatically scroll the document when the draggable is moved beyond the viewport. Set the scroll option to true to enable auto-scrolling, and fine-tune when scrolling is triggered and its speed with the scrollSensitivity and scrollSpeed options.

Upvotes: 2

Related Questions