Supercharged Sticky Scroll Sections with GSAP ScrollTrigger

[@roving-camera_72]

It's amazing that you were able to pack so much into a 5 minute tutorial.

[@webbae]

Thank you! I try to keep it interesting but also digestible. Focus on the main thing you know?

[@DanniAllyssa]

I have been trying to do this for DAYS!!!! THANK YOU!

[@webbae]

woohoo! glad it helped.

[@heatherliu6856]

Slick shapes

[@hal-zeitlin]

So slick!!!

[@webbae]

Slickest.

[@scr1ptex446]

Awesome! Thank you!

[@webbae]

Thanks for watching!

[@jclewis33]

Great video. Thanks for sharing.

[@webbae]

Thanks for checking it out Casey!

[@ВладСавчук-з7ю]

can i use it with sticky elements, which bigger than 100vh, how to add usable scrolling? ty for video and answer! really helpfull!

[@webbae]

I'm not really sure how you would add scrolling if taller than 100vh. I don't think I understand the design based on your description...

[@Milos86.]

Cool stuff 👌

[@webbae]

Glad you liked it Milos

[@plantseeds_]

Damn that was a show-off. Great stuff Bae

[@webbae]

Good Q Skypack ships a version of GSAP that we can use with import statements inside a module. I’m using this way so I can use import statements rather than additional script tags (keeps the code nice and tidy). It’s kind of like using npm but I don’t need to use a bundled, which tends to confuse folks who are new to JS and dev stuff. Was exploring some new workflows for YT since CodeSandbox changed their free tier and I don’t plan on using them anymore.

[@plantseeds_]

@@webbae interesting!! Thank you. What are you using now instead of CSB? Would love to see a run-down of your dev setup.

[@bamoj]

@@webbae Ahh, I see now why my sandbox is not working - sucks! Great Tutorial btw Keagan, wayy much better than how I did mine. Im stealing this, thank you!

[@webbae]

VS Code + Live Server extension to replace CSB. I go over it (and also how I integrate with github + jsdelivr) in this video: kzbin.info/www/bejne/Z4jTk2yKpr2SebMsi=s47gMe8EPtq2dDEl

[@bamoj]

@@webbae Sweet! How can I miss this, thanks man!