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

Question

[Артём Цымбалюк]

Здравствуйте

Как в красный блок, поместить все оранжевые, и сделать так, что бы они скролились по горизонтали? Зеленая полоса - это полоса прокрутки. Как у обычной таблицы, когда не хватает ширины экрана для ячеек включается нижняя полоса прокрутки.
Ломаю голову, получается включить скролл только по вертикали, а по горизонтали, они вставать не как не хотят.
codepen.io

Answer 1

[Larisa Moroz]

Используйте flex https://codepen.io/lmoroz/pen/gxOXJw

Comments

[Артём Цымбалюк]

Larisa Moroz а как быть с кроссбраузерностью?

[Артём Цымбалюк]

Larisa Moroz хотя в данном проекте, это не важно, спасибо

[Larisa Moroz]

На данный момент поддерживается 100% браузеров caniuse.com/#search=flex
На крайний случай используйте Modernizr

[Артём Цымбалюк]

Larisa Moroz ещё маленький вопросик, а как можно сделать так, что бы колесиком мышки он тоже скролился?

[Larisa Moroz]

Javascript-ом: Отлавливать scroll-события мышки и выставлять скролл «вручную»

[Артём Цымбалюк]

Larisa Moroz: можете пожалуйста помочь с этим?

[Larisa Moroz]

https://codepen.io/lmoroz/pen/gxOXJw
Используется jquery и замечательный плагин jQuery custom content scroller

[Артём Цымбалюк]

Larisa Moroz а можно с вами как-то связаться? есть ещё один вопрос, в долгу не останусь

[Артём Цымбалюк]

Larisa Moroz отправил вам письмом

Answer 2

[Владислав]

overflow-x: auto;
или
overflow-x: scroll;

Comments

[Артём Цымбалюк]

Владислав какому блоку? даю блоку .right-wrap overflow, какой-бы не давал, всё равно появляется вертикальный скролл, а не горизонтальный

[Артём Цымбалюк]

Владислав попробуйте в codepen'e который я оставил дать это свойство, не получится

[Stalker_RED]

Артём Цымбалюк: разницу между overflow и overflow-x вы не замечаете? Есть еще overflow-y, если что.

[Артём Цымбалюк]

Stalker_RED издеваетесь?

даю блоку .right-wrap overflow, какой-бы не давал,

Ещё есть и пару других overflow, если что.