search

airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
30.61k stars 2.88k forks source link

lottie with gsap scrolltrigger pinned section issue... #2601

Open 360Kreatif opened 3 years ago

360Kreatif commented 3 years ago

Hi I am using your lottie script with Gsap ScrollTrigger. When I set my scrolltrigger pin:true I am having issue with height...

If I use section after lottie animation section and If I pin it ; second section overlapping lottie animation section...

I cannot make a demo via codepen sorry...but you can check it via this link;

https://yeni.elbielectric.com/kurumsal/elbi-elektrik/

for the second section I set markers:true and you can see start marker over lottie animation section...you can understand If you scroll down...

any idea?

thanks...

bodymovin commented 3 years ago

hi, can you share a reduced example of the issue or post it on the GSAP forum? I'm not familiar with the ScrollTrigger API

360Kreatif commented 3 years ago

sure

https://codepen.io/ersenturgut/pen/ExmLwbd

there is a problem about containers with scrolltrigger coming after lottie scroller containers...

.anothertext scroll trigger not working properly...you can see it via markers...starting early...I I put my .anotherdiv before lottie div, it is working normal...

this is very important issue for me...I can't use any other div with scroll trigger after lottie? Lottie div must be last?

thanks...