Jak zrobić taki efekt przewijania?

pytanie zadane 24 lutego 2017 w HTML i CSS przez KamQiX Dyskutant (9,090 p.)

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.

2 odpowiedzi

odpowiedź 24 lutego 2017 przez Pietrak Pasjonat (18,850 p.)

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

komentarz 24 lutego 2017 przez KamQiX Dyskutant (9,090 p.)

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 :)

komentarz 24 lutego 2017 przez Pietrak Pasjonat (18,850 p.)

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.