Как делать такие скроллбары или слайдеры?

Question

[setupx]

image

Не совсем пойму как это делать, то ли через слайдер делать, то ли через скроллбар.

Comments

[Ankhena]

Чем обычный swiper не подходит?

[setupx]

Ankhena, я думал может можно сделать без доп. библиотек

[Ankhena]

setupx, типа своя со всеми плюшками будет легче и быстрее?
Ну не берите готовую, если не нравится.

[setupx]

Ankhena, нет, просто дело в том, что я запутался между обычным скроллом и слайдером, но в итоге реализовал с помощью слайдера

[DIVSIDE]

setupx, Это обычный слайдер, просто с пагинацией в виде скроллбара.

[setupx]

DIVSIDE, я на этом вопросе застрял, но уже решил. спасибо

Answer 1

[Гаджи Гаджидадаев]

Делал точно такую штуку как на 2 картинке через скролл бар.
Пример
Сначала делал, чтобы на десктопе листали по 1 элементу, потом попросили чтобы как мобильный скролл бар был, через js делал.
А кнопки листают 1 элементу. Ширина элемента высчитываю при загрузке компонента и от этого исхожу.