GSAP with Intersecting observer animate on entry

[Louienator]

Hi.. Got another question but this time it's different.. Is there a way that i can incorporate GSAP and intersecting observer? i'm just basing from an example i saw on forums and tried it out.. but i'm confuse on why it didn't work..  Apologies for being noob..

 

What i wanna achieve is that, when ever the user scrolls, it will show the next item and animate...

Here's the fiddle:

https://jsfiddle.net/es982zh0/31/

[mvaneijgen]

I'm a bit lost. What should your example do? 

 

Here are some tips that will increase your chance of getting a solid answer:

• A clear description of the expected result - "I am expecting the purple div to spin 360degrees"
• A clear description of the issue -  "the purple div only spins 90deg"
• A list of steps for someone else to recreate the issue - "Open the demo on mobile in IOS safari and scroll down to the grey container" 

I see you're loading ScrollTrigger, but you're not using any ScrollTrigger code. Take a look at the docs for ScrollTrigger and be sure to watch the amazing introduction video, this will go over how everything works and example how to use it. I never used the IntersectionObserver but I googled it and this caught my eye 

[Louienator]

Just read the dosc that you've send and i'm using now scrolltrigger, it's more simple.. And i'm basing on this example and customized it