Плагины parallax сцены при скролинге?

Question

[HamSter]

Что-то не могу найти плагины для примера макета:



! parallax.js только при наведении работает, а нужно чтобы лепестки роз плавно смещались (как зависали) при скроллинге страницы.

Пока удалось найти такой пример реализации, но может быть еще какие-то специальные и удобные плагины?

Может быть кто-то встречал.

P.S: Лепестки не падают не улетают, лишь немножко двигаются при скролле, создавая иллюзию объема!

Answer 1

[Николай Колесниченко]

https://github.com/alumbo/jquery.parallax-scroll - самое простое что я встречал. Просто прописываете в data атрибутах куда оно должно двигаться при скролле.

Comments

[HamSter]

Спасибо!!!

Answer 2

[Максим Тимофеев]

Берете canvas, js библиотеку для работы с ней и реализовываете. Ну и какой-то plagin, который скролл ловит, что бы велосипед не изобретать. При чем тут paralax?

Comments

[HamSter]

а при чем тут canvas? oO Вы бы хоть примеры посмотрели.

[Максим Тимофеев]

HamSter, растягиваем как слой на back фиксируем, что б не скролился и рисуем в нем элементы.
Далекий пример, но отвечает на вопрос "а при чем тут canvas?"
https://habrahabr.ru/post/274535/

[HamSter]

Максим Тимофеев, Вы видимо не поняли вопрос!

[Максим Тимофеев]

HamSter, Возможно, а возможно Вы не поняли ответ

[HamSter]

Максим Тимофеев, канвас меня точно не устраивает, но может быть кому-нибудь пригодится.

[Максим Тимофеев]

HamSter,

Лепестки не падают не улетают, лишь немножко двигаются при скролле, создавая иллюзию объема

Ну и при чем тут paralax? Даже если без canvas, хотя я не понимаю почему нет, в любом случае пишите сами js который будет управлять лепестками.

[HamSter]

Максим Тимофеев, Вы этот пример хотя бы открывали??! matthew.wagerfield.com/parallax

[Максим Тимофеев]

HamSter, Да, Вы хотите тянуть этого монстра, ради колебания листочков? Не вопрос. Но js код хоть с ним хоть без него будет не особо размерами отличаться. Зачем?