Мыши "щелкнуть и перетаскивать поведение прокрутки и CSS Scroll-Snap ⇐ CSS

[Anonymous]

Я строю простую анимацию слайдера, которая контролируется с использованием нативного CSS Scroll-Snap и Scroll EventListener.
Вы можете увидеть рабочий пример здесь: https://codepen.io/juliangarnier/pen/10 ... 8e289153fa
Я пытаюсь добавить поведение клика и перетаскивания на рабочем столе, к сожалению, CSS Scroll-Snap не работает хорошо, когда значение Scrollleft обновляется с помощью JavaScript.
Это работает, настройка Scroll-Snap -type: none; Когда пользователь начинает перетаскивать, но удалить плавную анимацию Snap. Использование мышь. типа Scroll-Snap: x обязательный; элемент при сохранении анимации с щелчкой. Версия примера с событиями мыши с использованием < /p>

Код: Выделить всё

el.scrollTo({
left: newScrollLeft,
behavior: 'smooth'
})

На событии MouseUp и переключение свойства Scroll-snap. /b3bc58f943768f5276563ae7077e41e0? Editors = 0100
Это довольно близко к тому, что я хочу, но все же отсутствует импульс прокрутки, присутствующий при использовании обычного жеста Scroll.

Подробнее здесь: https://stackoverflow.com/questions/659 ... croll-snap