How to create the drag and slide effect from this website?

jquery drag slide
p0larBoy picture p0larBoy · May 7, 2010 · Viewed 11.3k times · Source

If you drag and release quickly from the horizontal menu, the menu will auto slide for a distance. It seems to slide more the faster you drag and release. Source ->appear.dk

How do i achieve this effect? Has it got to do with some complex formulaes?

Answer

Dänu picture Dänu · May 9, 2010

This technique is called kinetic scrolling (you simulate kinetic energy). Since the dawn of the iphone this technique has been hyped, though it can be used on mobile devices with great benefit, I would refrain from using it inside a website (like all other sorts of scrolling)

However, here's an easy to use jquery plugin: Here you go

Related questions

jquery html 5 dragstart .on('dragstart',function(e){}) e.dataTransfer.setData() doesn't work

chrome throw err: Cannot call method 'setData' of undefined, I find the e is not equal to window.event(it havn't propert dataTransfer);both has very big different I find both almost equal in the click event. I used http://…

Read More
JavaScript Drag & Select functionality done right

I'm trying to write a drag & select functionality using HTML & JavaScript. By that I mean that there will be a set of objects with arbitrary absolute positions. I want to be able drag the cursor over the area …

Read More
Handle click and drag movement to scroll horizontally with mootools or jquery

Is there an easy way to handle the movement event composed of click and drag to the left or to the right on a div, in order to do a classic slider. The idea is to do something similar to …

Read More