Какую библиотеку посоветуете для горизонтального скролла мышью?

Question

[weranda]

Приветствую.
Есть много элементов типа карточек. Все они расположены в один ряд в ограниченной ширине. Их можно скроллить по горизонтали на десктопе, если зажать shift и крутить колесико мыши. Нужна простая = легковесная JS-библиотека, позволяющая перемещать эту полосу мышью: зажал кнопку и потащил. Что посоветуете?
Что-то вроде этого:

Answer 1

[Михаил Р.]

https://github.com/asvd/dragscroll

Dragscroll is a micro JavaScript library (910 bytes minified)

Если нужно будет больше опций, то рекомендую: Swiper https://github.com/nolimits4web/swiper

Comments

[weranda]

Спасибо.

Answer 2

[Сергей delphinpro]

Зачем для этого библиотека?
https://developer.mozilla.org/en-US/docs/Web/API/E...
https://learn.javascript.ru/size-and-scroll
Ловим события mouseup/mousedown/mousemove/wheel и меняем значение скролла у элемента (или его относительную позицию внутри другого элемента).

Comments

[Вадим]

Ну человек хочет чтоб это было типа драг-н-дроп.

Но и в таком случае не вижу надобности в библиотеке.

Слушатель на контейнер на mousedown, получение координат события, по mosemove смотреть текущие координаты и начальные и в противоположную сторону делать программный скролл у контейнера.

[weranda]

Сергей delphinpro Вадим
А есть пример реализации? В JS не очень силен.

[Алексей Дубровин]

weranda,
Гугл драг н дроп js примеры.
Гугл как сделать карусель на js примеры.

[weranda]

Алексей Дубровин, спасибо.

Answer 3

[Вова Дружаев]

Зачем для скролла библиотека?
overflow-x: auto;
и появляется горизонтальный скролл. И чуток изменений на скролл и вот он у вас стилизован и не такой ужасный как дефолтный.
ПК и мобилки отлично листают карточки без библиотек. Лишние ресурсы зачем подключать если это работает из коробки