Задача: Горизонтальный скролл с комплексным взаимодействием

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

Основная логика работы

• Пользователь выполняет вертикальную прокрутку страницы.
• При достижении целевого блока он должен быть зафиксирован (пойман) в середине области просмотра (viewport).
• В этот момент активируется горизонтальный скролл внутренних элементов этого блока.
• Как только горизонтальный скролл элементов блока завершен (достигнут его конец), вертикальная прокрутка всей страницы возобновляется.

Технические требования

• Решение должно быть полностью рабочим и корректным.
• Необходима адаптивная верстка, учитывающая макеты для веб-версии и мобильных устройств.
• Требуется обеспечить плавность и отзывчивость взаимодействия.

Что предоставляется

Для выполнения задачи имеется готовый макет в Figma, содержащий дизайн для обеих версий (веб и мобильной). Также существует текущая, но требующая доработки, реализация.