Нестандартная карусель, как лучше сделать?

Question

[Евгений Оксенчук]

Суть вопроса проста, есть флекс контейнер, в блок-элемент вложены параграфы, фото, это не столь важно, но важно то, что у элементов флекс контейнера фиксированная ширина, т. е. при уменьшении ширины экрана соответственно появится скролл или елементы начнут скрываться за экраном в зависимости от

overflow

. Так вот вопрос, как добавить этому флекс контейнеру свайп прокрутку, когда его элементы вылезают за пределы ширина экрана

Comments

[Виталий Киренков]

А почему не используете что-то готовое? Например Slick?

[Евгений Оксенчук]

Виталий Киренков, я только учусь и хочу понимать принцип всего происходящего в моем коде, имею ввиду без подключения фреймворков и библиотек, с ними отдельная история, но спасибо за совет)

Answer 1

[ИВАН ИВАН]

если я вас правильно понял то вам нужно просто добавить прокрутку overflow-y: scroll

Comments

[Евгений Оксенчук]

Почти, мне надо сделать его по свайпу и по колёсику мышки, в зависимости от девайса. А оверфлов просто добавит скролл

[alex]

Евгений Оксенчук, а как вы прокручиваете скролл на тач-девайсах?

[Евгений Оксенчук]

Alex, с тач девайсами понятно, скролл сработает, а как лучше для десктопов? Чтобы по колёсику скролл срабатывал

[alex]

Евгений Оксенчук,
learn.javascript.ru/mousewheel
learn.javascript.ru/metrics-window

когда мышь над данным блоком, превентите дфолтный скрол

[Евгений Оксенчук]

Alex, спасибо

[alex]

Евгений Оксенчук, в итоге должно получиться что-то вроде

[Евгений Оксенчук]

Alex, то, что надо, огромное спасибо, правда jQuery ещё не знаю) но разберусь)