@Alex_mersvg

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

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

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

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

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

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

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