Как сделать физику слайдеру?

Question

[Kostya]

Как сделать так, чтобы при прокручивании слайдера до конца, я мог его ещё тянуть, но уже с усилием, а когда отпускаю, элементы возвращались назад? И ещё, как можно реализовать такую штуку, что, когда ты чуть крутанёшь слайдер, он не сразу останавливается, а медленно скользит и только потом останавливается?

Comments

[Антон Литвиненко]

Это почти во всех слайдера есть, по крайней мере первое

Answer 1

[Lord_Dantes]

Посмотрите тут, первое найдете во многих случаях, а последнее нужно постараться.
https://swiperjs.com/demos

Comments

[Kostya]

Забыл написать. Без всяких сторонних библиотек!

[Lord_Dantes]

Kostya, слайдер без библиотек это мучения. Данная же "библиотека" написана на JS без jQuery если вы об этом.

Answer 2

[Ross Alex]

Достаточно просто сделать оверскролл.
Или если тач и драг, то после определенной позиции внутреннего контейнера (который скролим) уменьшить изменение Х с 1 к 1, на 1 к 2.
Второе делается после конца этого события перетаскивания (драг), при определенных "направлении" и при условии, что есть куда слайдить, добавляем анимацию перемещения на N пикселей с эффектом, типа этого
Вуаля!