cannibal_corpse
@cannibal_corpse
Верстальщик руками

Как сверстать такой слайдер?

Добрый день!
Подскажите, пожалуйста - как сверстать такой слайдер?
Логика такая:
При вертикальном свайпе левая часть (где картинка) переключается, а правая часть, где текст:
1. Один слайд = один шаг.
2. У следующего слайда скрыт контент, кроме заголовка, контент появляется при активном слайде

Пробовал уже разные слайдеры - swiper, slick, tiny, но у всех какая-то беда с вертикальным скроллом или связкой с другим слайдером или они делают фиксированую высоту для все слайдов или неверно считают высоту макета (точнее в целом верно, но мне нужно другое поведение)

PS. Наш стек React, SCSS, css-modules

Ссылка на макет

Скриншоты слайдера

1.jpg
2.jpg
3.jpg
  • Вопрос задан
  • 90 просмотров
Пригласить эксперта
Ответы на вопрос 1
@AlecsJS
Дружище, а тебе React здесь зачем?
Он уже свою задачу выполнил - встроил vdom в html)
На js напиши scrollTop, отдельные блоки и части информации также скрывай на vanilla js
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы