Как сделать паралакс эффект после прокрутки?

Question

[Sergey Shum]

Добрый день.
Как можно реализовать вот такую приятную анимацию при прокрутке , как на этом сайте https://kaskad-gesh.ru/
Там паралакс срабатывает на все элементы в зоне видимости экрана.
Каким образом такого можно добиться?

Answer 1

[Kirill Udaltsov]

Реализовать подобное можно вручную по событию скролла изменяя значение css-свойства transform, как в случае с тем сайтом:
https://codepen.io/ramon82/pen/opJXGr

Или используя библиотеки вроде этой:
https://scrollmagic.io/

Comments

[Sergey Shum]

Да вроде что то выходит но почему то элементы носятся как бешеные https://codepen.io/sergey-shumcov/pen/jgMJJB