Как создать подобный эффект для элемента при скролле?

Question

[Um4a]

Всем доброго времени суток. Хотел бы попросить знающих о помощи.
Очень нужен именно вот такой эффект (в примере - эффект плавания картинкок) при скроллинге.
Всем спасибо заранее.

Answer 1

[hzzzzl]

называется parallax, проще всего найти готовую библиотеку js типа
scrollme.nckprsn.com
mmkjony.github.io/enllax.js
https://github.com/pixelcog/parallax.js/tree/v2.0....
итд, это просто примеры с гугла

ну а так на евент scroll вешаем обработчик, который немного сдвигает нужный элемент через transform: translate(x, y) на пару пикселей

Comments

[Um4a]

Большое спасибо)

Answer 2

[Alex XYZ]

Можно попробовать https://scrollmagic.io/. Там много эффектов.