Как перетащить и прокрутить в div с помощью jQuery

Я смотрю вокруг в течение некоторого времени, но я не могу найти способ объединить эти элементы:

Я хочу делиться шириной 100% с 1 строкой элементов. Мне нужно прокрутить этот div, как: http://jqueryfordesigners.com/demo/scrollable-timelines.html

Итак, со скрытым переполнением и т.д.

Но теперь я хочу некоторую плавную непринужденность, когда я отпускаю mouseclick, так что это будет похоже на сортировку. Поэтому, когда я перетаскиваю экран слева направо и отпускаю мышь, он будет двигаться в течение 1 секунды и линейно замедляется. Хм, я имею в виду?

Кто-нибудь знает о каких-либо сценариях или некоторых подсказках, чтобы вернуть меня в нужное русло?

Дон

Ответы

Ответ 1

Utterscroll - это библиотека перетаскивания и прокрутки, которую я написал:

GitHub: https://github.com/debiki/utterscroll
GitHub провел демонстрацию: http://rawgit.com/debiki/utterscroll/master/utterscroll-example.html
Демо и запись в блоге: http://www.debiki.com/dev/utterscroll

Он отличается от других библиотек тем, что он 1) понимает, хотите ли вы выбрать текст, а не прокрутку (обратите внимание, что в пример, связанный с вопросом, невозможно выбрать текст), и 2) он не нуждается в конфигурации или почти отсутствует.

Функция utterscroll останавливается, когда вы отпускаете мышь, хотя (как и Dragscrollable, в ответе выше).