Всем привет. Задача такая: нужно сделать анимацию паралаксса при скроле

Question

Всем привет. Задача такая: нужно сделать анимацию паралаксса при скроле

для нескольких элементов текста,

То есть когда пользователь открывает страницу, у него видно только "Become one of the 7,885 Algemantis unique dwellers", а главный тайтл, он спрятан за фоном, когда пользователь скроллит унего появляется первый заголовок, доскоролив до определённого момента элементы останавливаются.

Как я сделал это: Разделим фоны по полам(на верхний и нижний), на нижнем фоне сделал блок с паралакс элементами и поднял их наверх через absolute.

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

У кого какие идеи есть?

#css #frontend #html #programming #russian

0

16.11.2022

2 ответов

5 просмотров

Evgeny янисов Автор вопроса

Zahar Avsievich
проще использовать какую-нибудь параллакс либу или...

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

0

16.11.2022

Zahar Avsievich · Accepted Answer

Zahar Avsievich

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

0

16.11.2022

169 похожих чатов

Всем привет. Задача такая: нужно сделать анимацию паралаксса при скроле

2 ответов

Похожие вопросы