Как реализовать прокрутку перетаскиванием с помощью jquery

Question

Учитывая div с предустановленной высотой (скажем, 200 пикселей), установленной, чтобы скрыть переполнение содержимого и ребенок с высотой 600px, Я хочу иметь возможность прокручивать содержимое div с помощью действия перетаскивания.

, чтобы при нажатии мыши в какой-то момент и перемещении на несколько пикселей содержимое также прокручивалось.

оптимально, я бы хотел добавить к этому поведению некоторую логику "скорости и трения", чтобы вы могли "подбросить" содержимое div и продолжить его движение после точки отбрасывания.

Кто-нибудь знает такую ​​готовую функциональность? в JQuery / JQuery Ui или какой-нибудь плагин? если нет, то идея реализации также приветствуется.

Answer 1

В итоге я использовал следующий плагин jquery: http://the -taylors.org / jquery.kinetic /

Это просто, и в этом есть что-то желанное, но он очень маленький и имеет базовую функциональность, которую я искал.

Answer 2

Мне нравится iScroll 4 , хотя у него есть некоторые проблемы с фиксированным позиционированием, если это проблема.

Вот живая демонстрация.