@Alex_mersvg

Как сделать правильный паралакс?

Второй день думаю как написать плавный паралакс для вертикального скрола. Есть два блока, один ниже другой выше как на картинке. Нужно по мере скрола страницы блок 2 сделать tranlateY - 200px, а блок 1 соответственно на + 200px, и при обратном скроле наоборот. В основном, мне бы понять что от чего высчитывать, как вообще это работает.

5f918a7c73e17188714564.jpeg
  • Вопрос задан
  • 62 просмотра
Пригласить эксперта
Ответы на вопрос 2
RAX7
@RAX7
Самописное решение на коленке выглядит примерно так:

Есть и готовые библиотеки для этого:
https://dixonandmoe.com/rellax/
https://locomotivemtl.github.io/locomotive-scroll/
Ответ написан
cannibal_corpse
@cannibal_corpse
Верстальщик руками
https://learn.javascript.ru/onscroll

Вот тут ^ достаточно подробно! :)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽