По советуйте плагин для вот такого параллакса?

Question

[Maksim Ivanov]

По советуйте плагин по праллаксу чтобы сделать вот такое. Нужно чтобы с такого состояния поднималась вверх картинка по скроллу


Задача в том чтобы по началу видно было верхнюю часть картинки, а по скроллу когда блок в центре экрана то и фото по центру, когда ниже центра экрана блок то нижнюю часть видно

Comments

[RAX7]

Мне не очень понятна логика того как это должно работать, но думаю с помощью ScrollMagic можно добиться нужного эффекта.

[Maksim Ivanov]

RAX7, cпасибо) прям то что нужно подошло :)

Answer 1

[Максим]

Я бы рекомендовал поискать самописные решения, незачем тянуть плагин ради одного элемента, да и самопись, возможно, будет даже удобнее.

Answer 2

[Dmitriy Grape]

rellax.js

Answer 3

[Timur Kostenko]

Бери этот parallax.js, если jquery используешь. Читай доки, разбирайся, ну или туториал какой-нибудь посмотри на youtube

Comments

[Maksim Ivanov]

пробовал этот плагин но он не подходит, в нем не получилось сделать так чтобы как в дизайне с такого состояния поднималось вверх фото. там есть настройка - positionY если выставить значение bottom или top всеравно не делает как в дизайне

[Timur Kostenko]

Maksim Ivanov, а как в дизайне то ?

[Maksim Ivanov]

Timur Kostenko, скрин приложил же

[Timur Kostenko]

Maksim Ivanov, нужна именно анимация, как это должно выглядеть в движении, но вообще посмотри здесь jqueryscript.net, или здесь codepen.io, может найдется что-нибудь подходящее

[Maksim Ivanov]

Timur Kostenko, Задача в том чтобы по началу видно было верхнюю часть картинки, а по скроллу когда блок в центре экрана то и фото по центру, когда ниже центра экрана блок то нижнюю часть видно

Answer 4

[Waldemar1010]

Чтобы показать анимацию воспользуйся oCam для записи гифки например, которую можно сохранить на imgur и дать сюда ссылку, по скриншоту гадать такое себе занятие..