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

Question

[▪ ▪]

Привет!

Появилась идея сделать следующее (пример на картинке). Блок div в котором находится информация, картинки и т.д., шириной на всю страницу 100%. При нажатии на ссылку div1, div2, div3, происходит сдвигание по горизонтали этих дивов до того который был на ссылке. Все остальные блоки скрыты.

Есть ли готовые решения? Или может есть идеи как с помощью кода можно подобное реализовать. Я смотрел. Везде только слайдеры без возможности нажатии по ссылке. Буду благодарен даже за небольшую помощь.

Answer 1

[Алексей]

Посмотрите owlgraphic.com/owlcarousel/index.html#customizing
У этой карусели очень много настроек, в том числе и owl.goTo(x) // Go to x slide

Answer 2

[Alex]

alvarotrigo.com/fullPage/#secondPage/1

Comments

[▪ ▪]

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

[Алексей]

Да любой JS слайдер смотрите и все

[▪ ▪]

Алексей: смотрел, и не смог понять как сделать чтобы прокрутка этого слайдера шла не по нажатию на кнопку вправо влево, а при нажатии на ссылку с идентификатором.

Answer 3

[mr_dev1l]

scrollmagic.io/examples/advanced/section_slides_ma...

нужно правда будет еще подключить ScrollTo, а навигации задать position:fixed;