Как реализовать вертикально-горизонтальный скролл на JS?

Question

[Sergey Subbotin]

Привет, друзья!

Как лаконично реализовать вертикально-горизонтальный скролл на странице с помощью JavaScript?
Вот заготовка: https://codepen.io/cy66a/pen/YzxQwgZ

Сначала идет вертикальный скролл из хедера, затем горизонтальный для трёх секций, потом снова вертикальный к футеру. При этом, пользователь прокручивает страницу только вниз:

Пример реализации: https://playspeedgate.org/6/

Answer 1

[AlexWD]

Готовое решение при помощи библиотеки GSAP: https://codepen.io/akapowl/pen/RwZVOPa

Comments

[Sergey Subbotin]

Спасибо, но как-то не похоже на "лаконичное" решение. :D

[Froggyweb]

Прикольно, но лучше swiper? поддержка слайдер внутри слайдера, модульная загрузка... наверное fullPage тоже такое умеет, но он хочет денег.... ну или самопиc
по сайту примеру GSAP кстати хорошо бы зашел. Без него будет тяжко.

[AlexWD]

Sergey Subbotin, Не очень понятно что именно Вы подразумеваете под "Лаконичное решение".
Варианта два, либо использование библиотек, либо можете написать сами с нуля.