Поведение мыши при прокрутке «нажми и перетащи» и привязка прокрутки CSS ⇐ CSS

[Anonymous]

Я создаю простую анимацию слайдера, которая управляется с помощью встроенной CSS-привязки прокрутки и прослушивателя событий прокрутки.
Вы можете увидеть рабочий пример здесь: https://codepen.io/juliangarnier/pen/10 ... 2e289153fa
Я пытаюсь добавить поведение щелчка и перетаскивания на рабочем столе, к сожалению, CSS-привязка прокрутки не работает, когда Значение ScrollLeft обновляется через JavaScript.
Это работает, устанавливая прокрутку-привязку-тип: none;, когда пользователь начинает перетаскивание, но удаляет плавную анимацию привязки.
Я заметил, что при моделировании событий касания в инструменте разработчика Chrome анимация прокрутки работает идеально при использовании мыши.
Мне интересно, можно ли воссоздать тот же тип эмуляции событий касания, который инструменты разработчика Chrome используют в чистом виде JS.
Или, если кому-то удалось вручную обновить позицию прокрутки элемента Scroll-Snap-Type: x обязательным;, сохраняя при этом анимацию привязки.
Изменить:
Вот обновленная версия примера с событиями мыши, использующими

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

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

в событии mouseup и переключение свойства прокрутки.
https://codepen.io/juliangarnier/pen/b3 ... itors=0100
Это довольно близко к тому, что я хочу, но все еще отсутствует прокрутка импульс присутствует при использовании обычного жеста прокрутки.

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