Как сдвинуть div вправо?

Question

[nen0y]

Есть 9 элементов, и div-оболочка, который показывает только 3 из них. По умолчанию он показывает первых три элемента. Как сделать так что бы он показывал 3 средних элемента (4,5,6)?

Comments

[whoisthere]

Демонстрацию в студию

[nen0y]

{[0 ][0 ][0 ]} [1 ] [1 ] [1 ] [2 ] [2 ] [2 ]
Вот там где 0, это картинки которые показывает сейчас, а должно там где 1.

Примерно вод так
[0] [0] [0] {[1] [1] [1]} [2] [2] [2]

(Уровень детализации - 80)

Answer 1

[Alexander Pushkarev]

1) Оболочку оборачиваете в блок с
overflow: hidden;
2) К оболочке добавляете

width: СУММА_ВСЕХ_БЛОКОВ;
transform: translate3d(СУММА_ТРЕХ_БЛОКОВ_И_ОФФСЕТ, 0px, 0px);

3) Меняете transform у оболочки на нужный оффсет.

Или просто используете owlcarousel2.github.io/OwlCarousel2

Comments

[Alexander Pushkarev]

nen0y: ну тогда я написал вам инструкцию. По ней всё будет работать

[Alexander Pushkarev]

nen0y: codepen.io/AXP/pen/PWxPeq

[nen0y]

AXP-dev: уже разобрался, еще раз спасибо

Answer 2

[I'm Yoda]

кажется, что это будет слайдер.

Comments

[nen0y]

верно

[I'm Yoda]

кажется лучше использовать готовый вариант! Например RoyalSlider или carouFredSel - очень мощные слайдеры с кучей настроек и т.д.

Answer 3

[Егор Живагин]

Пример бы на codepen