Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Custom ScrollBar with Gsap

Recommended Posts

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!

Link to post
Share on other sites

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

  • Like 2
Link to post
Share on other sites

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


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

Link to post
Share on other sites
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.

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.