Как сделать анимацию с инерцией?

Question

[verycooldev]

Сделал примерно такой блок - https://www.youtube.com/watch?v=C9EWifQ5xqA

А как сделать чтобы при отпускании мышки движение не прерывалось, а продолжалось с затуханием? Как рассчитать эти функции? Какие библиотеки нужны (желательно узкоспециализированные, не комбайны для свистоперделок)

Это то что называют tweening?

Comments

[Ди Ма]

Функции анимации
https://easings.net/ru

Определить скорость движения, и после того, как кнопка мыши отпущена - выполнить анимацию в ту же сторону, с нужной функцией затухания, от последней скорости до нуля.

Тут плагины никакие не нужны. Хватит функции animate из jquery

[verycooldev]

Ди Ма, как их применять? Вопрос в этом. jQ не используется, в вопросе об этом ни слова

Причем, мне по сути и easing не нужен, мне хватит линейной функции. По сути вопрос - как применить анимацию нативную (в данном случае к скроллу получается?)

[Ди Ма]

Вот типа того

Answer 1

[boga-net]

https://youtu.be/JQMryV9X1R4
Посмотрите это видео. Там о вертикальном кастомном скролле, но можно переделать в горизонтальный. И там показано как просто с помощью GSAP можно сделать инерцию