Popularny efekt doładowania trescie

Question

Czesc

Chce uzyskac bardzo popularny efekt polegajacy na tym że gdy zescrolije do jakiegos elementu on "pojawia sie od dołu" jest to np na stronie spotify  https://www.spotify.com/pl/

Z tego co przegladalem kody to robione jest to w js. Jaki jest łatwy sposob na osiagniecie tego efektu?

Dzieki za kazda odp

Answer 1

https://codepen.io/anon/pen/MEKxBE
Tak na szybko. Oczywiście trzeba to zmodyfikować, ale masz punkt zaczepienia :)

Comments

Ja tak tylko od siebie dodam, że scroll jest bardzo często wywoływanym zdarzeniem i podczas jego używania warto ograniczyć ilość tych właśnie wywołań poprzez funkcje debounce i/lub throttle. Myślę, że warto przeczytać ten artykuł.

Answer 2

Na przykład tym ScrollReveal  możesz uzyskać taki efekt.

Comments

czemu zawsze podsyłacie gotowce. Skoro się uczy, niech sam napiszę i zrozumie jak to działa :)

---

Nie było nigdzie zaznaczone,  że autor chce się sam od podstaw nauczyć, jak zrobić takie cuś ;)

Jaki jest łatwy sposob na osiagniecie tego efektu?

i dlatego dałam taką odpowiedź.

A jeśli chce się nauczyć, to moja odpowiedź może mu przydać się na przyszłość bo w większych projektach jednak łatwiej wykorzystywać gotowe rozwiązania, biorąc pod uwagę to, że już wiemy mniej więcej jak to działa ;)

---

W sumie.. :)

Answer 3

Mi to wygląda na scroll + metodę fadeIn() w jQuery, ale pewny nie jestem - w swoich projektach nie dane było mi jeszcze używanie takiego rozwiązania.