How to create drag and drop effect from this site?

Question

If you quickly drag and drop in the horizontal menu, the menu will automatically shift to a distance. It seems to slide faster, the faster you drag and drop. Source → appear.dk

How can I achieve this effect? Does it relate to some complex formulas?

Answer 1

This technique is called kinetic scrolling (you simulate kinetic energy). From the very beginning of the iphone, this technique was inflated, although it can be used on mobile devices with great benefit, I would refrain from using it on a website (like all other types of scrolling).

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

Answer 2

Overscroll did not work for me on the iPad. Here are some more options:

• iScroll
• Touchscroll
• jScrollTouch

Answer 3

None of the jquery libraries listed above can match the regular prototype code used in the show.dk file. Smoothing