Как сделать скролл сайта с разными направлениями движения?

Question

[Иван К]

Есть обычный лендинг, на нем есть блок с карточками который будет заведомо шире экрана - скролится вбок.

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


Я в живую таких решений не видел, это вообще реально?

Comments

[Алексей Ярков]

Я в живую таких решений не видел

И слава Ктулху, ибо хочется взять и уе... уйти из этого скроллящегося ада.

[Иван К]

Алексей Ярков, ну это не по сути вопроса. Идея показать посетителю все карточки. На мобиле такого не будет, все будет в колонку

[Алексей Ярков]

ikonkov, ну вам уже dblearn94 ответил

[Иван К]

Алексей Ярков, это не решение задачи

Answer 1

[dblearn94]

обычный слайдер, да даже обычный:
overflow-x: scroll; (auto)

Comments

[Иван К]

тут прикол в том что нужно на время отключить скролл вниз и разрешить его когда блок с карточками будет прокручен

Answer 2

[Маркус Кейн]

Тупая идея. Ты представь как тебя будет ненавидеть пользователь за такой скролл. Поставь туда обычный слайдер, кому надо, тот сам все посмотрит.

Comments

[Иван К]

Согласен идея не очень, но это задание заказчика.