Как сделать такой же scroll?

Question

[rybkinIt]

Уже 2 день ломаю голову, как сделать такой же скроллинг, как на этом сайте https://www.studiorhe.com/, помогите пожалуйста

Comments

[Сергей delphinpro]

Слушать событие mousewheel и перемещать полотно сайта по горизонтали.

Answer 1

[Fibonachi09]

Чтобы создать такую реализацию можно использовать библиотеку GSAP и её плагин ScrollTrigger. Этот плагин как раз позволяет изменять значения некоторых переменных с ходом скролла.

Данная библиотека достаточно гибкая для реализации почти любых проектов. Конкретно на вашем примере - используется комплексные контрольные точки, анимации в которых вызываются ИЛИ происходят с течением скролла.

Советую сначала посмотреть демо-проекты на странице бибилотеки и их исходный код, чтобы понять базовые концепции. А далее попытаться применить к себе. Документация конечно довольно сложная, но можно её перевести

Answer 2

[imko]

Слушаешь wheel на документе, берешь из него deltaY и на эту величину страницу scrollBy вправо