Создаём красивый parallax-эффект | HTML, CSS, JS

00:00 Введение
01:21 Описание бага
04:04 Введение
08:06 Parallax на чистом CSS
09:50 Про дизайн
11:15 Разбор HTML
12:27 Про дизайн
22:48 Разбираем html + css
27:52 Разбираем js
46:00 Заключение

[AlexandraKapit]

Привет, спасибо за полезный контент. Очень понравилось, что в видео есть предистория о том, как создавать такие слои, о идеях и различных инструментах.👍

[dkylctb]

Паралакс всегда было интересно и завораживающее зрелище.

[sia]

Четкое видео! Очень полезно. Сам только открываю для себя параллакс. Успехов каналу

[arsenmanasuev]

Спасибо. оочень длинно я сразу поставил скорость х2 и уже хотел выключить но с 24 минуты все пошло очень четко и по делу. Благодарствую. Вы вполне могли бы из 1 сделать 2 видео где брать графику и как с ней работать и отдельно техническую часть.

[biLLie_wiLLie]

1:50 и тут Лена поняла, что пора осваивать тестирование)

[IhorVasilchenko]

Добрый день а если нужно сделать так, что бы отдельный элемент скролился с другой скоростью, нужно получить его id и привязать к нему функцию
function onScroll(event) с другими параметрами,
зачем передаете параметр event, если его не используете в функции?
depth - массив, количество элементов равняется количеству дочек в контейнере mountains
Если мне нужно размещать элементы по вертикальной оси вдоль скрола Y, как мне добиться разной скорости движения элементов?
ваша сцена довольно легка так как занимает один экран, а что если длинная страница в 3 экрана, как эту страницу адаптировать если все элементы будут прибиты абсолютами? На каждом разрешении менять значения top left/right? Или существует другое решение.