Jak zrobić taki efekt przewijania?

Question

Witam.

W jaki sposób wykonać widoczny na stronie http://gardenestudio.com.br/en efekt przewijania? Chodzi mi dokładnie o to że pierwszy plan podczas scrollowania przesuwa się nieco mniej niż elementy które są za nim, co pozwoliło uzyskać efekt przestrzenności. Mam nadzieję, że wiecie o co mi chodzi :)

Dodam, że dopiero zaczynam swoją naukę programowania webowego, aczkolwiek już jestem na takim etapie, że chyba warto się dowiedzieć tego typu rzeczy. Proszę o pomoc! Z góry dzięki.

Answer 1

Efekt paralax. Na tej stronie zastosowano dokładnie ten: https://github.com/Prinzhorn/skrollr

Comments

Dzięki! Masz jakieś dobre tutoriale jak z takiego czegoś korzystać? Bo szczerze mówiąc trochę przeraża ilość plików i jak to wykorzystać na własnej stronie. Chyba, że akurat masz chwilę, żeby mi to samemu jakoś krótko wyjaśnić. Byłbym bardzo wdzięczny :)

---

Nie żartuj sobie. Jedyny plik, który cię obchodzi to ten w dist.

W linku, który podałem wszystko jest opisane. Dodatkowo są przykłady użycia w folderze examples i setki dostępne w internecie.

---

No to czeka mnie kilka długich godzin nauki. Dzięki za pomoc!

Answer 2

Tu coś znajdziesz:

http://stephen.band/jparallax/