Introducing ScrollSmoother for GSAP

Exclusively for Club Greensock members - ScrollSmoother brings easily configurable smooth scrolling to ScrollTrigger, leveraging native scrolling and integrating seamlessly with your GSAP animations.
ScrollSmoother: greensock.com/scrollsmoother
Docs: greensock.com/docs/v3/Plugins...
Codepen Collection: codepen.io/collection/BNMEYN/...
More information on 'horizontal' scrolling: • ScrollTrigger feature:...
Club GreenSock: greensock.com/club

[@KlaudioMilankovic]

THANK YOU! Been looking for this for so long.

[@moussakhelifi2309]

Great addition to an already amazing lib 😍

[@mendistudio]

Just the icing on the scrolltrigger cake. Cheers!

[@SukruEmanet]

Amazing features 😎❤

[@dngraphisme]

Yes !!!! Thanks for this :) I will finally be able to do without smoothscrollbarjs ^^'

[@javhaasuhochir8126]

I just found out this library and wooow now I am gonna be a great developer.

[@samuelmorkbednarzkepler]

I want to marry every member of the GSAP team cause I love their work so much. Can someone put in a good word for me?

[@njabulokumalo3815]

Gsap is my unsung hero😭🫶

[@vijithuae]

waaaw.... amazing 😻

[@filipevalentegomes2383]

Once you reach the end of the content placed in that main wrapper, how you escape it? Meaning how do you keep being able to scroll to see the content that isn’t using smooth scroll, content that is right under the wrapper container? Thanks and great video btw

[@PerpetualEducation]

Very smooooth.

[@khaledoghli1894]

Hi Cassie ,your accent and your teaching way awesome, i love all gsap member but you special .i hope you have a course about learning gsap deeper. or in general does gsap have a course.

[@devshahin]

Keep it up ❤️

[@bySterling]

So Amazing!! How could we use these amazing styles to work w our WordPress sites?!

[@JAY_LAURENCE]

amazing

[@HuynhLuong227]

Amazing….

[@gideonolaiya6665]

Please can you do a video on website intro animation or splash screen. please 🙏🙏🙏

[@saadraza5702]

can ScrollSmoother Attributes can be add in Body Tag?

[@pauker2017]

Wow! The missing piece is here 🤩

[@AniketDeshmukh-mt5sv]

how to use the plugin in project with cdn or with file

[@nooras2260]

did you find out the answer ? ScrollSmoother is not defined for me

[@chzohaibofficial]

how can we use gsap smooth scroll in gsap plz make one video on this topic

[@chzohaibofficial]

in vue js*

[@JackDoyleGS]

@@chzohaibofficial If you need some help, just post your question in the forums at greensock.com/forums and we'd be happy to answer any GSAP-related questions. You can definitely use ScrollSmoother in pretty much any framework like Vue. It's just a matter of creating it in the right lifecycle events and killing it when necessary (perhaps on routing).

[@ivanbozhkov2709]

Comparison video vs locomotive scroll?

[@GreenSockLearning]

We're not big on comparisons over here. The team at Locomotive do amazing work! However - ScrollSmoother is made specifically to be super simple and painless to use with GSAP, it also leverages native scrolling.

[@mendistudio]

Implementation here seems much simpler to begin with

[@saadraza5702]

i did not used gsap smooth scroll Rightnow ..but locomotive scroll have bugs specially when you scroll with it on the lower part...i would not preferred locomotive scroll when i have footer included on my site

[@emmanuelanyigor9163]

You need to subscribe before you can use the scrollsmoother

[@poonamscookingshala9267]

Is this feature free to use or paid in gsap

[@Yesterday_i_ate_rat]

Free

[@kylebarvel]

not available for unemployed folks

[@ollie-allen]

Is anyone else having issues on mobile devices? Juddering and jerkiness..?

[@ollie-allen]

Here’s an screen recording of what I’m seeing kzbin.infoxE-kbE7uln4?feature=share

[@ABTN1886]

Can it use with react?

[@GreenSockLearning]

All our tools are vanilla JS and can be used with anything, you just have to work around the rules of that particular library or framework. This article may help greensock.com/react/

[@GreenSockLearning]

Here's a coupe demos using Next.js/React codesandbox.io/s/gsap-scrollsmoother-next-js-br01m3?file=/pages/index.js codesandbox.io/s/gsap-scrollsmoother-next-js-6o9i3o?file=/pages/index.js

[@_mingmaeng]

Can i make fullpage scroll effect with scrollTrigger.js?

[@JackDoyleGS]

I'm not sure exactly what you mean by "fullpage scroll effect", but yes your whole page gets the smoothing effect. If you need more help, just post in the friendly forums at greensock.com/forums along with a minimal demo and we'd be happy to take a peek.

[@humblepeanut]

omg omg omg, goodbye scroll jacking