Как сделать такой эффект прокрутки (скроллинга)?

Question

[Александр Гончурин]

Как создать такой эффект прокрутки страницы, чтобы так же реагировали элементы на сайте?
https://www.campaignmonitor.com/monitor/

Прошу дать наводку)

Answer 1

[Nikolay Talanov]

Вариантов как сделать много. Самый красивый/оптимальный/масштабируемый, это использование GSAP с таймлайнами. Создали таймлайн с состояниями всех анимаций телефона и прочих объектах в % допустим и привязали эти проценты к высоте скролла всего сайта. Сайт скроллится - проценты меняются, гсап сам по умному все анимирует, включая множественные изменения трансформов одновременно.

Answer 2

[rinatoptimus]

Завязывай с водкой, чувак(

Answer 3

[Артём]

Конечно с помощью библиотек jQuery - вот ссылка www.jqueryscript.net/animation/jQuery-Plugin-For-C...

Answer 4

[Александр Рогачев]

Вот кстати статейка про GSAP (про который говорил Nikolay Talanov ) и ScrollMagic - ScrollMagic – Создание анимации при прокрутке страницы

Answer 5

[Алексей]

Попробуйте вот эту библиотеку
https://github.com/chayka/jQuery.Scroolly