Параллакс эффект при прокрутке страницы на HTML, CSS, JS

В этом видео я расскажу Вам как создать параллакс эффект при прокрутке страницы, где объекты на сцене будут двигаться с разной скоростью.
После этого видео Вы будете знать что такое параллакс эффект и как его создавать, даже если Вы полный новичок в веб-разработке.

#codeburger

[nicolainicolaevic]

Друг, спасибо за видео, мне как новичку в вебе очень познавательно!
Продолжай в том же духе!

[ББурьян]

Хорошо было бы предупредить в начале видео, что используете библиотеку jQuery)

[РустамЮсупов-вы]

Да хорошие уроки !!
Жду новых видео.

[soda-adept]

Спасибо, уважаемый, очень полезный урок. Подписка лайк оф корс

[СергейКондулуков-зч]

Автору большое спасибо. НТМЛ и ЦСС я знаю, а вот с ЯваСкриптом пока на Вы. Но общую логику понял. С меня лайк и подписка :-)

[andriymelnuk]

Гонщик автор, для кожного видпадку підбирати різні параметри, ти щось чув про адаптацію??

[StPaaty]

не работает. У меня js жалуется на $ и на let первые две строки

[petersen]

script.js:1 Uncaught ReferenceError: $ is not defined
at script.js:1:1

$(function () {
let wind = $(window);
wind.on('scroll', function () {
let top = $(this).scrollTop();
parallax(top);
});
});

function parallax(top) {
$('.parallax__boat').css(
'transform', 'translateX(' + (top / -6) + 'px)'
);
}