Custom ScrollBar with Gsap

[Vulture]

Hi! im new in the forum! first i just wanna say what an amazing library! thanks!

 

i just wanna now if some can give me a codepen to see or tell me how can i make my own scrollbar!

 

my goal is have a very smooth scrollbar just like this site https://www.hpmagicwords.com.br/, thnks for the time and sorry for bother you, i dont know if i post in the right place, hope the best!

[ZachSaucier]

Hey Vulture. I know I'm a bit late but I figured I might as well post for other people since I just created this effect.

 

You can create a custom scrollbar by just updating a tween's progress when the page is scrolled (and resized if necessary). Here's a minimal example:

See the Pen eYpOXYO?editors=0010 by GreenSock (@GreenSock) on CodePen

[PointC]

Wow. I had to check the date on this one.  

 

How'd that get missed almost three years ago? And how did @ZachSaucier discover it today? 🤔

[ZachSaucier]

Just now, PointC said:

And how did @ZachSaucier discover it today? 🤔

Similar thread: 

 

I figured there was an existing one so I searched and this is the first one that came up.