Как сделать горизонтальный скроллбар при использовании flex?

Question

[Genri_Rus]

Есть пример: https://codepen.io/Genri_Rus/pen/KKNWjvR

При использовании флекса картинки становятся не 300px, а подстраиваются под ширину контейнера

Как сохранить картинку в 300px, при этом у всех img задано max-width: 100%

Или подскажите стоящий плагин или пример на песочнице с скрытым горизонтальным скроллом на js, чтобы на декстопе он при зажатой левой мышки скролился как на мобильной версии:

spoiler

Answer 1

[fallus]

Применить этот стиль:
.gallery__item{ flex-shrink: 0; }

То есть запретить этим элементам сужаться во flex-контейнере.

Comments

[Genri_Rus]

Спасибо, а посоветуете какой-то может плагин или статью как можно на js сделать горизонтальный скролл без прокрутки ?

Answer 2

[Softlink]

Для .gallery__item надо установить flex-shrink: 0;

Comments

[Genri_Rus]

Спасибо, а посоветуете какой-то может плагин или статью как можно на js сделать горизонтальный скролл без прокрутки ?

Answer 3

[Ilya Olovyannikov]

Сэр, вам нужен слайдер. Посмотрите SwiperJS

Comments

[Genri_Rus]

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

Вы кстати может знаете какой-то плагин или пример статьи, какой лучше посоветуете ?