How to drag and scroll in a div with jQuery

Question

Hey guys,

I've been looking around for some time now, but I can't find a way to combine these elements:

I want a 100% width div, with 1 row of elements. I need to scroll through this div, just like: http://jqueryfordesigners.com/demo/scrollable-timelines.html

So with a hidden overflow and such.

But now I want some sort of smooth ease when I let go of the mouseclick, so it'll be like a sort sweep. So when I drag the screen from left to right, and let go of the mouse, it'll move on for 1 sec and linearly slowing down. Hm, am I making sense?

Does anyone know of any scripts or some tips to put me back on track?

Don

Answer 1

Here is a nice implemenation of drag and scroll divs

http://hitconsultants.com/dragscroll_scrollsync/scrollpane.html

Here is the link to the plugin http://plugins.jquery.com/project/Dragscrollable