Cómo arrastrar y desplazarse en un div con jQuery

Question

He estado buscando por algún tiempo ahora, pero no puedo encontrar una manera de combinar estos elementos:

quiero un div 100% de ancho, con 1 fila de elementos Necesito desplazarme a través de este div, al igual que: http://jqueryfordesigners.com/demo/scrollable-timelines.html

Así que con un desbordamiento oculto y tal.

Pero ahora quiero un poco de facilidad sin problemas cuando dejo de lado el clic del mouse, por lo que será como una especie de barrido. Así que cuando arrastro la pantalla de izquierda a derecha, y suelte el mouse, se moverá durante 1 segundo y disminuirá linealmente. Hm, ¿tengo sentido?

¿Alguien sabe de alguna secuencia de comandos o algunos consejos para volver a encarrilarme?

Don

Answer 1

Utterscroll es un lastre y desplazarse biblioteca que he escrito:

GitHub: https://github.com/debiki/utterscroll
GitHub alojado demo: http://rawgit.com/debiki/utterscroll/master/utterscroll-example.html
demostración y entrada de blog: http://www.debiki.com/dev/utterscroll

Se difiere de otras bibliotecas en que 1) entiende si tiene la intención de seleccionar texto, en lugar de desplazarse (tenga en cuenta que en the example linked to by the question, no es posible seleccionar texto), y 2) no necesita configuración, o casi no.

Utterscroll detiene al soltar el ratón, aunque (al igual que Dragscrollable, en la respuesta anterior, lo hace.)