jquery UI draggable: horizontal dragging inside of container with overflow:scroll?

Question

hey guys, I've already used the jqueryUI draggable function to implement drag&drop behaviour.

This time I wonder if it is easily possible to implement a drag-behaviour to a horizontal scrollbar?

E.g. I have a div-container with images and paragraphs in it. The container has overflow-x scroll and so a scrollbar appears and lets me scroll horizontally through all contents of the container.

Is it possible to implement a drag behaviour so when I click on an image i can drag the entire inner-contents of the container horizontally within the bounds of the container.

sounds complicated I know :) but my plan is actually really simpel. check out this example: http://jsfiddle.net/TT9hq/2/

I just want to be able to drag the contents inside of each horizontal-scrollbar-container like I would use the scrollbar itself.

DanielB · Accepted Answer · 2011-05-02 13:17:06Z

2

You wouldn't really drag the content because the content remains on its place in the parent container (div). You only have to set the scroll position of the container div.

may be you have a look at http://plugins.jquery.com/project/ScrollTo and use scrollTo on mowsedown and mousemove.

answered May 2, 2011 at 13:17

DanielB

20.3k2 gold badges48 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery UI draggable: horizontal dragging inside of container with overflow:scroll?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related